/* Editorial direction: monumental type, photographic fields, direct navigation. */ :root{--bg:#070435;--surface:#121d39;--ink:#f5f5ef;--muted:#bac3d5;--gold:#c4ef4d;--line:#ffffff25}body{background:var(--bg);font-size:16px}header{height:90px;padding:0 4%;border-bottom:1px solid var(--line);gap:70px}.brand{font:800 29px/.9 Arial,sans-serif;letter-spacing:-1.8px}.brand span{font-size:12px;letter-spacing:2px;line-height:1.2;margin-top:9px;color:#eee}header nav a{font-size:15px;color:#bec7db}header nav a[aria-current=page]{color:var(--gold)}.icon-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%}.container{padding:0 4%;max-width:1800px}.button{border-radius:100px;background:var(--gold);color:#070435;padding:14px 24px;font-size:15px}.button.secondary{background:transparent;border:1px solid #ffffff65}.eyebrow{color:var(--gold);font-size:12px;font-weight:600;letter-spacing:1.5px}.editorial-stage{display:grid;grid-template-columns:1fr 1fr;min-height:570px;background:var(--gold);color:var(--bg)}.stage-copy{padding:36px 8% 38px;display:flex;flex-direction:column;justify-content:space-between}.stage-copy .eyebrow{color:var(--bg)}.stage-copy h1{font-size:clamp(62px,6.8vw,112px);font-weight:800;line-height:.95;letter-spacing:-.065em;margin:30px 0}.stage-copy h1 em,.next-route h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em}.stage-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px}.stage-bottom p{font-size:15px;line-height:1.5;margin:0}.stage-bottom .button{background:var(--bg);color:#fff;white-space:nowrap;gap:22px}.stage-image{position:relative;display:block;overflow:hidden;min-height:570px;background:#2f2981}.stage-image img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:luminosity;transition:transform .6s}.stage-image:hover img{transform:scale(1.025)}.image-credit{position:absolute;bottom:28px;left:30px;font-size:12px;letter-spacing:1.4px;color:white;background:#08102bba;padding:8px 12px}.stage-index{position:absolute;right:25px;top:24px;color:white;font-size:20px}.entry-strip{display:flex;align-items:center;padding:0 4%;border-bottom:1px solid var(--line);min-height:100px;gap:0}.entry-strip>span{font-size:14px;color:var(--muted);width:24%}.entry-strip>a,.entry-strip>button{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:1;padding:22px 25px;border-left:1px solid var(--line);font-size:20px;font-weight:500;background:transparent;text-align:left}.entry-strip>a:hover,.entry-strip>button:hover{color:var(--gold)}.entry-strip>button{color:var(--gold)}.section{margin:62px 0}.section-head{align-items:center;margin-bottom:25px}.section-head h2{font-size:clamp(26px,3vw,40px);letter-spacing:-1.2px;font-weight:500}.section-head .eyebrow{display:block;margin-bottom:10px}.section-head>a{font-size:14px;color:var(--ink)}.curated-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.curated-index{display:block;font-size:14px;color:var(--gold);margin-bottom:12px}.curated-item>p{font-size:14px;margin:12px 0;color:var(--muted)}.thumb,.catalog-grid .thumb{border-radius:0;aspect-ratio:3/4}.poster-caption{left:16px;right:16px;bottom:19px}.poster-caption h3{font-size:19px;font-weight:500;line-height:1.2;letter-spacing:-.3px}.format{font-size:12px;top:12px;left:12px;border-radius:0;padding:4px 8px;background:#070435dd}.play b{background:var(--gold);color:var(--bg);border:0;width:50px;height:50px;font-size:22px}.thumb:after{inset:20% 0 0;background:linear-gradient(transparent,#020715e8)}.next-route{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:#2f2981;margin:68px -4.35% 0;padding:55px 4.35%;overflow:hidden}.next-route h2{font-size:clamp(42px,5.8vw,86px);line-height:1.02;letter-spacing:-3px;font-weight:600;margin:27px 0 35px}.next-route .eyebrow{color:#fff}.next-pieces{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;max-width:520px;justify-self:center}.next-pieces .media-card:first-child{transform:rotate(-7deg)}.next-pieces .media-card:last-child{transform:rotate(7deg);margin-top:40px}.next-pieces .thumb{box-shadow:0 20px 30px #050f5140}.typographic-cover{background:#c4ef4d;color:#070435;padding:40px 20px}.typographic-cover strong{color:#070435;font-size:36px}.typographic-cover span{color:#182246;font-size:12px}.acervos-home{padding:60px 0 15px;border:0}.acervos-heading{display:flex!important;justify-content:space-between;align-items:end;margin-bottom:35px;gap:24px!important}.acervos-heading h2{font-size:36px;font-weight:500;letter-spacing:-1px;line-height:1.1;margin:0}.acervos-home .acervos-heading a{font-size:15px}.acervos-home>div:not(.acervos-heading){display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.acervos-home>div:not(.acervos-heading) a{border-top:1px solid var(--line);padding:18px 0;display:grid;grid-template-columns:1fr auto;font-size:17px;color:var(--ink)}.acervos-home a span{grid-column:1/-1;color:var(--gold);font-size:12px;margin-bottom:20px}.acervos-home a b{font-weight:400}.hero{background:#2f2981;border:0;border-radius:0;margin:0;min-height:460px}.hero .hero-img{background:#2f2981;mix-blend-mode:luminosity}.hero:after{background:linear-gradient(90deg,#2f2981 25%,#2f2981dd 39%,transparent 80%)}.hero-body{max-width:760px;padding:45px 4%}.hero h1{font-size:clamp(40px,5.5vw,78px);line-height:1.02;letter-spacing:-2.8px}.hero .eyebrow,.hero p{color:white}.hero p{font-size:16px}.route-review{padding-top:30px}.station-number{font-size:26px;top:0}.station-grid{max-width:none}.numbered-station{padding-left:32px}.station-source{font-size:14px}.page-title h1{font-size:52px;letter-spacing:-2px}.page-title{padding-top:40px}.searchbar{max-width:none}.searchbar input{font-size:18px}.chip{font-size:14px;border-radius:0;border-bottom:1px solid var(--line);background:transparent}.chip.active{background:var(--gold);color:var(--bg)}.catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 20px}.route-tile{border-radius:0;min-height:320px;background:#2f2981}.route-tile h3{font-size:38px;max-width:440px}.route-tile p{font-size:14px}.route-tile img{mix-blend-mode:luminosity}.route-tile:after{background:linear-gradient(0deg,#070435ed,transparent)}.detail-info h1{font-size:40px;letter-spacing:-1.2px}.dialog-body h2{font-size:32px}.dialog-body p,.materials p{font-size:16px}.dialog-body .shelf .poster-caption h3{font-size:16px}.dialog-top{background:#2f2981}.dialog-top img{mix-blend-mode:luminosity}.dialog-body{padding-top:15px}.shelf,.section:first-child .shelf{grid-auto-columns:calc((100% - 80px)/5);gap:20px}.fine{font-size:12px!important}.reason{font-size:14px!important}.mobile-nav{background:#101b38f2}.cookie-banner{background:#162341;border-color:#536387}.cookie-banner p{font-size:14px}footer{font-size:14px}.footer-controls a,.footer-controls button{font-size:14px}.footer-institution span{font-size:12px} @media(min-width:1600px){.editorial-stage{min-height:680px}.stage-image{min-height:680px}}@media(max-width:1100px){header{gap:35px}.stage-copy h1{font-size:7.8vw}.stage-bottom{align-items:start;flex-direction:column}.entry-strip>span{display:none}.entry-strip>a:first-of-type{border-left:0}.curated-grid{gap:16px}.poster-caption h3{font-size:17px}.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.acervos-home>div:not(.acervos-heading){grid-template-columns:repeat(2,1fr)}} @media(max-width:750px){header{height:78px;padding:0 5%}.brand{font-size:28px}.brand span{font-size:12px}.editorial-stage{display:flex;flex-direction:column;position:relative;padding-bottom:0;min-height:0}.stage-copy{padding:25px 5% 26px;position:relative;z-index:1}.stage-copy h1{font-size:clamp(58px,15.5vw,100px);letter-spacing:-.065em;margin:22px 0 20px;line-height:.92;width:100%}.stage-copy .eyebrow{font-size:12px}.stage-bottom{flex-direction:row;align-items:center;gap:15px}.stage-bottom p{font-size:14px;max-width:45%}.stage-bottom .button{font-size:14px;padding:13px 17px;gap:10px;white-space:normal}.stage-image{min-height:280px;height:68vw;max-height:400px}.stage-image img{object-position:center 42%;object-fit:cover}.image-credit{bottom:17px;left:5%;font-size:12px}.stage-index{right:5%;top:15px}.entry-strip{padding:8px 5%;min-height:0;display:grid;grid-template-columns:1fr 1fr}.entry-strip>a,.entry-strip>button{font-size:17px;padding:16px 12px;border:0}.entry-strip>a:nth-of-type(2),.entry-strip>button{border-left:1px solid var(--line)}.entry-strip>a:nth-of-type(1),.entry-strip>a:nth-of-type(2){border-bottom:1px solid var(--line)}.container{padding:0 5%}.section{margin:38px 0}.section-head{gap:15px;align-items:end;margin-bottom:20px}.section-head h2{font-size:28px;letter-spacing:-1px;line-height:1.1}.section-head>a{font-size:14px;white-space:normal;max-width:100px;text-align:right}.curated-grid{grid-template-columns:1fr 1fr;gap:22px 14px}.curated-index{margin-bottom:7px}.curated-item>p{font-size:14px;line-height:1.3;margin:9px 0}.poster-caption{left:12px;right:12px;bottom:14px}.poster-caption h3{font-size:16px;line-height:1.16}.format{font-size:12px;top:9px;left:9px;padding:3px 6px}.next-route{grid-template-columns:1fr;padding:34px 5.56% 45px;margin:40px -5.56% 0;gap:30px}.next-route h2{font-size:51px;letter-spacing:-2px;margin:20px 0 25px}.next-pieces{gap:22px;max-width:85%;width:100%}.next-pieces .poster-caption h3{font-size:14px}.typographic-cover strong{font-size:26px}.typographic-cover{padding:38px 12px}.typographic-cover span{font-size:12px;letter-spacing:0}.acervos-home{padding:40px 0 10px}.acervos-heading{align-items:start!important}.acervos-heading h2{font-size:28px}.acervos-home .acervos-heading a{font-size:14px;max-width:85px}.acervos-home>div:not(.acervos-heading){gap:15px}.acervos-home>div:not(.acervos-heading) a{font-size:16px}.acervos-home a span{margin-bottom:12px}.mobile-nav{left:4%;right:4%;border-radius:22px;padding:7px 10px}.mobile-nav a{font-size:12px;border-radius:15px;color:#c2cada;gap:5px}.mobile-nav a[aria-current=page]{background:var(--gold);color:var(--bg)}.hero{aspect-ratio:auto;min-height:440px;max-height:none;border-radius:0;margin:0;align-items:end}.hero .hero-img{object-fit:cover;opacity:.7}.hero:after{background:linear-gradient(0deg,#2f2981,#2f298130 90%)}.hero-body{text-align:left;padding:32px 5%}.hero h1{font-family:Arial,sans-serif;font-size:46px;font-weight:700;letter-spacing:-2px;margin:15px 0}.hero p{max-width:100%;margin:0 0 24px;font-size:16px}.hero .eyebrow{font-size:14px}.hero .actions{display:flex}.hero .button{font-size:15px;padding:13px 22px;border-radius:100px}.hero .button.secondary{background:#101b3840}.station-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.numbered-station{padding-left:22px}.station-number{font-size:20px}.station-source{font-size:14px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.page-title h1{font-size:40px}.page-title{padding-top:28px}.category-strip{gap:7px}.chip{font-size:14px;padding:10px 12px}.searchbar input{font-size:16px;min-width:0}.route-tile{min-height:245px}.route-tile h3{font-size:33px}.shelf,.section:first-child .shelf{grid-auto-columns:46%;gap:14px}.dialog-body .shelf{grid-auto-columns:65%}.dialog-body .poster-caption h3{font-size:16px}.dialog-body h2{font-size:28px}.dialog-body .eyebrow{font-size:14px}.detail-info h1{font-size:34px}.detail-info .eyebrow,.detail-info .metadata{font-size:14px}.materials summary{font-size:16px}.materials summary span{font-size:14px}.cookie-banner{bottom:104px}.cookie-banner .button{font-size:14px}.cookie-banner p{font-size:14px}.crumb{font-size:14px}.reading .button{font-size:14px}.community-link{font-size:16px}#toast{bottom:105px;width:90%}.section-head .eyebrow{font-size:12px}}@media(prefers-reduced-motion:reduce){.stage-image img{transition:none}} /* Conceptual identity, visible on desktop and mobile. */ .concept-line{font-size:clamp(18px,1.7vw,25px);font-weight:500;line-height:1.3;letter-spacing:-.4px}.entry-strip>.discovery-concept{display:block;font-size:16px;line-height:1.4;padding-right:24px;flex-shrink:0}@media(max-width:1100px) and (min-width:751px){.entry-strip{flex-wrap:wrap}.entry-strip>.discovery-concept{width:100%;padding:18px 0 0}}@media(max-width:750px){.entry-strip>.discovery-concept{grid-column:1/-1;width:auto;padding:16px 12px;font-size:16px;max-width:310px}.concept-line{font-size:20px}} /* Slogan lockup: quiet subtraction / expressive addition. */ .slogan-mark{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:fit-content;max-width:100%;padding:4px 0 10px;font-family:Arial,Helvetica,sans-serif;color:#070435;isolation:isolate} .slogan-minus,.slogan-plus{display:flex;align-items:center;gap:16px;white-space:nowrap} .slogan-minus{font-size:clamp(22px,2.3vw,34px);letter-spacing:.045em;line-height:1.2;padding:0 16px 2px;font-weight:400} .slogan-minus b{font-size:40px;font-weight:300;width:29px;text-align:center;line-height:1} .slogan-plus{font-size:clamp(32px,3.4vw,52px);line-height:1.12;letter-spacing:-.055em;font-weight:800;color:#c4ef4d;background:#070435;padding:8px 19px 12px 15px;transform:rotate(-2deg);transform-origin:left center;box-shadow:5px 5px 0 #2f2981} .slogan-plus b{font-size:1.1em;line-height:1;font-weight:400;letter-spacing:0;width:30px;text-align:center} .stage-copy{padding-top:30px}.stage-copy h1{font-size:clamp(58px,5.6vw,88px);margin:22px 0 30px}.editorial-stage,.stage-image{min-height:620px} @media(min-width:1600px){.editorial-stage,.stage-image{min-height:690px}} @media(max-width:1100px) and (min-width:751px){.slogan-minus{font-size:24px;gap:10px}.slogan-plus{font-size:35px;gap:10px}.stage-copy h1{font-size:6vw}} @media(max-width:750px){.stage-copy{padding-top:26px}.slogan-mark{margin:0 0 8px}.slogan-minus{font-size:23px;gap:12px;padding-left:10px}.slogan-minus b{font-size:32px;width:24px}.slogan-plus{font-size:36px;gap:12px;padding:8px 17px 11px 10px}.slogan-plus b{width:24px}.stage-copy h1{font-size:clamp(48px,12.8vw,78px);margin:24px 0}.editorial-stage{min-height:0}.stage-image{min-height:280px}} @media(max-width:360px){.slogan-plus{font-size:31px}.slogan-minus{font-size:21px}} /* Official institutional marks: original colors and proportions. */ header{gap:30px}.unam-seal{flex:none;display:flex;align-items:center;justify-content:center;padding-right:24px;border-right:1px solid var(--line)}.unam-seal img{display:block;width:59px;height:60px;object-fit:contain}.brand{margin-right:25px}.acervos-home>div:not(.acervos-heading) .platform-logo-link{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:25px 0 18px;gap:18px}.platform-logo{height:115px;display:flex;align-items:center;justify-content:center;padding:25px}.platform-logo img{display:block;max-width:100%;width:auto;max-height:65px;height:auto;object-fit:contain}.acervos-home a .platform-explore{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted);margin:0;gap:16px;padding-top:8px}.platform-logo-link:hover .platform-explore{color:var(--gold)} @media(max-width:1100px){header{gap:22px}.brand{margin-right:0}} @media(max-width:750px){header{gap:14px;height:86px}.unam-seal{padding-right:13px}.unam-seal img{width:42px;height:46px}.brand{font-size:25px}.brand span{font-size:10px;letter-spacing:1.8px}.head-actions{margin-left:auto}.platform-logo{height:118px;padding:25px 12px}.platform-logo img{max-height:68px}.acervos-home>div:not(.acervos-heading){gap:16px}.acervos-home>div:not(.acervos-heading) .platform-logo-link{padding-top:10px;gap:8px}} @media(max-width:360px){header{gap:10px}.brand{font-size:22px}.unam-seal{padding-right:10px}.unam-seal img{width:36px;height:42px}} /* Institutional signature and compact visual entrances. */ .institutional-signature{display:flex;align-items:center;gap:18px;flex:none}.unam-seal{padding-right:0;border:0}.culture-mark{display:flex;align-items:center}.culture-mark img{display:block;width:104px;height:auto}.brand{border-left:1px solid var(--line);padding-left:27px;margin-right:10px}.footer-culture-mark{display:block;object-fit:contain;margin-bottom:14px}.acervos-home{padding-top:45px}.acervos-heading{margin-bottom:24px;align-items:center!important}.acervos-heading h2{font-size:30px;letter-spacing:-.9px}.acervos-home>div:not(.acervos-heading){gap:14px}.acervos-home>div:not(.acervos-heading) .platform-logo-link{border:0;border-radius:12px;min-height:194px;padding:24px;gap:20px;transition:transform .2s,box-shadow .2s;background:#243dae}.acervos-home .platform-logo-link.platform-vv{background:#663957}.acervos-home .platform-logo-link.platform-gm{background:#294637}.acervos-home .platform-logo-link.platform-cd{background:#8b352f}.platform-logo{height:87px;padding:8px 0;justify-content:flex-start}.platform-logo img{height:auto;width:auto;max-width:100%;max-height:72px}.platform-dc .platform-logo img{width:166px}.platform-vv .platform-logo img{width:140px}.platform-gm .platform-logo img{width:150px}.platform-cd .platform-logo img{width:146px}.acervos-home a .platform-explore{font-size:14px;color:#fff;padding:0;gap:10px;line-height:1.3}.platform-explore b{display:grid;place-items:center;border:1px solid #ffffff65;border-radius:50%;width:32px;height:32px;flex:none;font-size:20px}.platform-logo-link:hover,.platform-logo-link:focus-visible{transform:translateY(-4px);box-shadow:0 10px 20px #0002}.platform-logo-link:hover .platform-explore{color:white}.community-link{margin-top:20px} @media(max-width:1100px){header{gap:18px}.brand{padding-left:18px;margin-right:0}.institutional-signature{gap:12px}.culture-mark img{width:85px}.unam-seal img{width:45px;height:48px}.acervos-home>div:not(.acervos-heading){grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:750px){header{gap:12px;height:78px;padding:0 4%}.institutional-signature{gap:9px}.unam-seal img{width:33px;height:37px}.culture-mark img{width:70px}.brand{font-size:22px;letter-spacing:-1.3px;padding-left:12px;white-space:nowrap}.head-actions .icon-button{width:34px;height:38px;font-size:25px}.acervos-home{padding-top:32px}.acervos-heading h2{font-size:27px;max-width:220px;line-height:1.08}.acervos-home>div:not(.acervos-heading){gap:12px}.acervos-home>div:not(.acervos-heading) .platform-logo-link{padding:20px 15px;min-height:172px;gap:16px;border-radius:10px}.platform-logo{padding:5px 0;height:72px}.platform-logo img{max-height:62px;max-width:100%}.acervos-home a .platform-explore{font-size:13px;align-items:center;gap:8px}.platform-explore b{width:25px;height:25px;font-size:17px}.footer-culture-mark{width:104px;height:auto}} @media(max-width:360px){header{gap:8px}.culture-mark img{width:60px}.brand{font-size:21px;padding-left:9px}.institutional-signature{gap:7px}.acervos-home>div:not(.acervos-heading) .platform-logo-link{padding:16px 12px}} .acervos-home>div:not(.acervos-heading) .platform-logo-link.platform-vv{background:#663957}.acervos-home>div:not(.acervos-heading) .platform-logo-link.platform-gm{background:#294637}.acervos-home>div:not(.acervos-heading) .platform-logo-link.platform-cd{background:#8b352f} /* A useful institutional close, with one invitation and clear service links. */ footer.site-footer{display:block;padding:32px 4% 26px;margin-top:38px;border-top:1px solid #ffffff25;background:#070435;color:#bdc5d8}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-bottom:28px}.footer-signature{display:flex;align-items:center;gap:24px}.footer-signature a{display:flex;align-items:center;min-height:60px}.footer-signature img{object-fit:contain;width:auto;max-height:60px}.footer-signature a+a{border-left:1px solid var(--line);padding-left:24px}.footer-invitation{text-align:right}.footer-invitation p{font-size:15px;margin:0 0 8px;color:#bdc5d8}.footer-invitation button{background:transparent;color:var(--gold);font-size:19px;letter-spacing:-.3px;padding:0;display:inline-flex;align-items:center;gap:22px}.footer-invitation button span{font-size:24px}.footer-bottom{border-top:1px solid #ffffff14;padding-top:22px;display:flex;justify-content:space-between;align-items:start;gap:30px}.footer-bottom>p{font-size:12px;line-height:1.6;margin:0;color:#a6b0c5;flex:none}.footer-bottom nav{display:flex;flex-wrap:wrap;gap:12px 22px;justify-content:flex-end;align-items:center;max-width:780px}.footer-bottom nav a,.footer-bottom nav button{font-size:14px;line-height:1.5;background:transparent;padding:0;color:#c4ccdb}.footer-bottom nav a:hover,.footer-bottom nav button:hover{color:var(--gold)}.legal-page{max-width:1000px}.legal-page .page-title p{font-size:17px;max-width:750px}.legal-links{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0}.legal-links a{padding:24px;border:1px solid var(--line);border-radius:8px;font-size:18px}.legal-links a span{display:block;color:var(--gold);font-size:14px;margin-top:10px}.legal-note{color:var(--muted);font-size:14px} @media(max-width:1000px){.footer-bottom{flex-direction:column;gap:20px}.footer-bottom nav{justify-content:flex-start}} @media(max-width:750px){footer.site-footer{padding:28px 5% 24px;margin-top:28px}.footer-top{align-items:start;flex-direction:column;gap:24px;padding-bottom:24px}.footer-signature{gap:18px}.footer-signature a{min-height:48px}.footer-signature a:first-child img{height:48px}.footer-signature a+a{padding-left:18px}.footer-signature a+a img{width:104px;height:auto}.footer-invitation{text-align:left}.footer-invitation p{font-size:14px;margin-bottom:8px}.footer-invitation button{font-size:19px}.footer-bottom{padding-top:20px;gap:18px}.footer-bottom nav{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px;width:100%;align-items:start}.footer-bottom nav a,.footer-bottom nav button{font-size:14px;text-align:left}.legal-links{grid-template-columns:1fr}.legal-page .page-title h1{font-size:36px}} /* Discovery controls: visible surfaces, clear icons, one action each. */ .discovery-deck{padding-top:32px;padding-bottom:8px}.discovery-deck h2{font-size:23px;line-height:1.25;font-weight:400;letter-spacing:-.5px;margin:0 0 22px;color:#c6cedd}.discovery-deck h2 em{font-style:normal;color:var(--ink)}.discovery-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}.discovery-card{position:relative;display:grid;grid-template-columns:1fr auto;align-items:end;gap:18px 8px;text-align:left;padding:22px 24px;min-height:168px;background:#172344;border:1px solid #ffffff18;border-radius:16px;color:#f7f7f1;transition:background .2s,transform .2s,border-color .2s;cursor:pointer}.discovery-symbol{grid-column:1/-1;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#b9abff18;color:#c5baff}.discovery-symbol svg{width:32px;height:32px}.discovery-video .discovery-symbol{color:#8edee8;background:#8edee818}.discovery-music .discovery-symbol{color:#f3c77c;background:#f3c77c18}.discovery-label{font-size:24px;line-height:1.15;font-weight:600;letter-spacing:-.5px}.discovery-label small{display:block;font-size:14px;line-height:1.4;letter-spacing:0;font-weight:400;color:#b9c4d9;margin-top:7px}.discovery-go{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff45;border-radius:50%;font-size:19px;align-self:center}.discovery-card.discovery-surprise{background:#c4ef4d;border-color:#c4ef4d;color:#070435}.discovery-surprise .discovery-symbol{background:#0704350d;color:#070435}.discovery-surprise .discovery-label small{color:#27314b}.discovery-surprise .discovery-go{border-color:#07043550}.discovery-card:hover,.discovery-card:focus-visible{transform:translateY(-4px);border-color:#d5dce8;background:#22345b}.discovery-card.discovery-surprise:hover,.discovery-card.discovery-surprise:focus-visible{background:#faf380;border-color:#faf380}.discovery-deck+.home-content .curated-section{margin-top:42px} @media(max-width:1100px){.discovery-options{gap:12px}.discovery-card{padding:20px 16px}.discovery-label{font-size:21px}.discovery-label small{font-size:13px}} @media(max-width:750px){.discovery-deck{padding-top:26px;padding-bottom:0}.discovery-deck h2{font-size:22px;max-width:310px;margin-bottom:18px;line-height:1.3}.discovery-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.discovery-card{min-height:169px;border-radius:14px;padding:18px 15px;gap:14px 6px}.discovery-symbol{width:43px;height:43px;border-radius:12px}.discovery-symbol svg{width:29px;height:29px}.discovery-label{font-size:20px;grid-column:1/-1}.discovery-label small{font-size:13px;max-width:135px;margin-top:6px}.discovery-go{position:absolute;right:15px;top:25px;width:25px;height:25px;font-size:17px}.discovery-deck+.home-content .curated-section{margin-top:34px}} /* Ruletra: canvas discovery wheel. */ dialog:has(.ruletra-panel){width:min(1040px,95vw);background:#101932;border:1px solid #ffffff30}.ruletra-panel{padding:32px}.ruletra-heading h2{font-size:clamp(42px,6vw,64px);letter-spacing:-3px;line-height:1;margin:12px 0;font-weight:800;color:#c4ef4d}.ruletra-heading h2 span{display:inline-block;margin-left:12px;font-size:.65em;color:#a99cff}.ruletra-heading p{font-size:16px;color:#c2cce1;margin:0}.ruletra-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:30px;margin-top:26px}.ruletra-wheel{position:relative;min-width:0;filter:drop-shadow(0 12px 30px #0005)}#ruletra-canvas{display:block;width:100%;aspect-ratio:1;max-width:520px;margin:auto}.ruletra-pointer{position:absolute;z-index:2;left:50%;top:0;transform:translateX(-50%);width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:30px solid #fff;filter:drop-shadow(0 2px 4px #0006)}.ruletra-information h3{font-size:28px;line-height:1.15;letter-spacing:-.7px;margin:14px 0 20px}.ruletra-information p{font-size:16px;line-height:1.5;color:#bec9de}.ruletra-information .ruletra-note{font-size:13px;color:#9caac3;line-height:1.5}.ruletra-information .button{min-height:48px;font-size:16px;white-space:normal;text-align:center}.ruletra-information .text-button{text-decoration:underline;line-height:1.5;font-size:14px}.ruletra-spin:disabled{opacity:.6;cursor:wait}.ruletra-information [hidden]{display:none}.ruletra-information .eyebrow{font-size:12px;line-height:1.5;display:block}.has-discovery .discovery-symbol{background:#0704351c}.ruletra-panel .close{position:absolute;top:18px;right:18px}#ruletra-outcome:empty{display:none} @media(max-width:750px){dialog:has(.ruletra-panel){width:100%;max-height:calc(100dvh - 12px);height:auto;min-height:calc(100dvh - 12px);margin:12px 0 0}.ruletra-panel{padding:26px 20px 32px}.ruletra-heading h2{font-size:48px}.ruletra-heading .eyebrow{font-size:11px;letter-spacing:1px}.ruletra-layout{grid-template-columns:1fr;gap:12px;margin-top:22px}.ruletra-wheel{max-width:350px;width:100%;margin:auto}.ruletra-information{text-align:center}.ruletra-information h3{font-size:24px;margin-top:5px}.ruletra-information .button{width:100%}.ruletra-information p{font-size:15px}.ruletra-heading p{font-size:15px}.ruletra-information .text-button{padding:8px}.ruletra-pointer{border-left-width:12px;border-right-width:12px;border-top-width:25px}} .ruletra-information .ruletra-again{display:block;margin-top:12px;color:var(--ink)} .ruletra-result-image{display:block;width:100%;height:clamp(180px,28vh,260px);object-fit:contain;object-position:center;border-radius:12px;margin:14px 0 18px;background:#070435}.ruletra-result-image.is-platform{object-fit:contain;padding:28px}.ruletra-information:has(.ruletra-result-image) h3{margin-top:0}@media(max-width:750px){.ruletra-result-image{height:220px}} @media(min-width:751px) and (max-height:850px){.ruletra-panel{padding:24px 32px}.ruletra-heading h2{font-size:48px;margin:8px 0}.ruletra-layout{margin-top:18px}.ruletra-wheel{max-width:430px;margin:auto;width:100%}.ruletra-result-image{height:150px;margin:10px 0 12px}.ruletra-information h3{font-size:24px;margin-bottom:14px}.ruletra-information p{margin:10px 0;font-size:14px}.ruletra-information .button{min-height:44px;padding:10px 20px}} /* A content encounter, with the same visual voice as the home. */ dialog:has(.discovery-detail){width:min(1100px,95vw);background:#070435;border:1px solid #ffffff25}.discovery-detail{position:relative}.discovery-detail>.close{position:absolute;right:16px;top:16px;z-index:3;background:#070435dd}.discovery-feature{display:grid;grid-template-columns:42% 58%;min-height:390px}.discovery-art{position:relative;display:grid;place-items:center;background:#304eed;overflow:hidden}.discovery-art>img{width:100%;height:100%;max-height:460px;object-fit:contain;padding:24px}.discovery-art .typographic-cover{position:static;width:100%;height:100%;min-height:390px;background:#304eed;padding:44px 28px 70px;display:flex;flex-direction:column;justify-content:center;gap:20px}.discovery-art .typographic-cover span{font-size:13px;letter-spacing:2px;color:#c4ef4d}.discovery-art .typographic-cover strong{font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-3px;color:#fff;font-weight:700;overflow-wrap:normal}.discovery-format{position:absolute;left:28px;bottom:24px;padding:7px 12px;background:#c4ef4d;color:#070435;font-size:12px;letter-spacing:1.5px;font-weight:700;transform:rotate(-3deg)}.discovery-copy{padding:38px 38px 32px;align-self:center}.discovery-source{display:block;width:130px;height:44px;object-fit:contain;object-position:left center;margin-bottom:22px}.discovery-meta{font-size:13px;color:#b9c4d9}.discovery-copy h2{font-size:clamp(30px,4vw,48px);line-height:1.04;letter-spacing:-1.8px;margin:12px 0 16px}.discovery-author{color:#c4ef4d;font-size:18px;margin:0 0 18px}.discovery-description{color:#bec9de;font-size:16px;line-height:1.5}.discovery-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;align-items:center}.discovery-actions .like{border-radius:100px;padding:12px 18px;font-size:14px;min-height:46px;background:transparent;border:1px solid #ffffff50}.discovery-connections{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px 28px 0}.listening-note{background:#c4ef4d;color:#070435;padding:26px;border-radius:12px;margin:24px 0}.listening-note .eyebrow{color:#070435;font-size:12px}.listening-note p{font-size:clamp(22px,2.3vw,29px);line-height:1.2;letter-spacing:-.7px;margin:18px 0 24px;max-width:740px}.listening-note a{font-size:14px;text-decoration:underline;text-underline-offset:5px}.discovery-connections .listening-note{margin:0}.discovery-route{position:relative;isolation:isolate;overflow:hidden;border-radius:12px;min-height:230px;display:flex;align-items:end;padding:26px;background:#304eed}.discovery-route>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.45}.discovery-route:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#070435,transparent);z-index:-1}.discovery-route h3{font-size:29px;line-height:1.1;letter-spacing:-.8px;margin:14px 0 20px}.discovery-route-action{font-size:14px;border-bottom:1px solid #c4ef4d;padding-bottom:5px}.discovery-route:hover{outline:1px solid #c4ef4d}.discovery-related{padding:28px}.discovery-related .section-head h2{font-size:28px;margin:0}.discovery-related .shelf{grid-auto-columns:calc((100% - 32px)/3);gap:16px}.discovery-related .thumb{aspect-ratio:16/10}.discovery-related .reason{font-size:13px}.discovery-related .poster-caption h3{font-size:18px} @media(max-width:750px){.discovery-feature{grid-template-columns:1fr}.discovery-art{max-height:260px;min-height:220px}.discovery-art>img{height:240px;padding:16px}.discovery-art .typographic-cover{min-height:250px;padding:32px 24px 65px}.discovery-art .typographic-cover strong{font-size:48px;max-width:280px}.discovery-copy{padding:26px 22px}.discovery-source{height:32px;margin-bottom:16px}.discovery-copy h2{font-size:36px}.discovery-actions{gap:10px}.discovery-actions .button{padding:12px 18px}.discovery-connections{grid-template-columns:1fr;padding:0 20px;gap:16px}.listening-note{padding:22px}.discovery-route{min-height:210px;padding:22px}.discovery-related{padding:26px 20px}.discovery-related .shelf{grid-auto-columns:75%;gap:14px}.discovery-related .section-head h2{font-size:26px}} /* Quiet content view: one focal action, secondary discovery on demand. */ dialog:has(.discovery-detail){width:min(960px,95vw)}.discovery-detail{padding:36px}.discovery-feature{grid-template-columns:30% 1fr;gap:32px;min-height:0;align-items:center}.discovery-art{border-radius:10px;background:#172449;align-self:stretch;min-height:280px}.discovery-art>img{padding:16px;max-height:340px;object-fit:contain}.discovery-art .typographic-cover{background:#172449;min-height:280px;padding:24px;gap:0}.discovery-art .typographic-cover span{display:none}.discovery-art .typographic-cover strong{font-size:44px;letter-spacing:-1.5px;line-height:1.08}.discovery-copy{padding:0 10px 0 0}.discovery-source{width:100px;height:28px;margin-bottom:16px;opacity:.8}.discovery-copy h2{font-size:36px;margin:10px 0 12px;letter-spacing:-1px}.discovery-author{font-size:16px;color:#bac3d5;margin-bottom:18px}.discovery-description{font-size:15px;max-width:520px}.discovery-actions{margin-top:22px}.discovery-actions .like{border:0;padding:10px;color:#bac3d5}.discovery-connections{display:flex;flex-direction:column;gap:0;padding:24px 0 0}.discovery-thought{border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;padding:15px 0;color:#bac3d5}.discovery-thought summary{cursor:pointer;font-size:14px}.discovery-thought .listening-note{padding:8px 0 0;background:transparent;color:var(--ink);border-radius:0}.discovery-thought .listening-note>.eyebrow{display:none}.discovery-thought .listening-note p{font-size:20px;letter-spacing:0;line-height:1.4;margin:10px 0 16px}.discovery-thought .listening-note a{font-size:13px;color:#bac3d5}.discovery-route{background:transparent;min-height:0;border-radius:0;padding:18px 0;gap:16px;align-items:center}.discovery-route>img{position:static;width:56px;height:56px;border-radius:6px;opacity:1;object-fit:contain;background:#121d39;z-index:auto}.discovery-route:after{display:none}.discovery-route .eyebrow{font-size:11px;color:#97a5bd;letter-spacing:1px}.discovery-route h3{font-size:18px;letter-spacing:0;margin:4px 0;line-height:1.3}.discovery-route-action{font-size:12px;color:#97a5bd;border:0;padding:0}.discovery-route:hover{outline:0}.discovery-route:hover h3{color:#c4ef4d}.discovery-related{padding:8px 0 0}.discovery-related .section-head{margin:0 0 14px}.discovery-related .section-head h2{font-size:18px;letter-spacing:0;font-weight:500}.discovery-suggestions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.discovery-suggestion{display:flex;align-items:center;gap:12px;text-align:left;padding:0;background:transparent;min-width:0}.suggestion-art{display:block;flex:0 0 54px;width:54px;height:68px;overflow:hidden;background:#172449;border-radius:5px}.suggestion-art>img{width:100%;height:100%;object-fit:contain}.suggestion-art .typographic-cover{height:100%;padding:6px;display:flex;justify-content:center;background:#172449}.suggestion-art .typographic-cover span{display:none}.suggestion-art .typographic-cover strong{font-size:12px;line-height:1.15;letter-spacing:0}.discovery-suggestion strong{font-size:14px;line-height:1.35;font-weight:500;display:block}.discovery-suggestion small{font-size:12px;color:#97a5bd;line-height:1.3;display:block;margin-top:5px}.discovery-suggestion:hover strong{color:#c4ef4d} @media(max-width:750px){.discovery-detail{padding:24px 20px}.discovery-feature{grid-template-columns:1fr;gap:22px}.discovery-art{min-height:0;height:180px;max-height:180px;margin-right:34px}.discovery-art>img{height:180px;padding:10px}.discovery-art .typographic-cover{min-height:180px;padding:24px}.discovery-art .typographic-cover strong{font-size:38px;max-width:240px}.discovery-copy{padding:0}.discovery-copy h2{font-size:32px}.discovery-source{height:24px;margin-bottom:12px}.discovery-connections{padding-top:22px}.discovery-related{padding:12px 0 0}.discovery-related .section-head h2{font-size:18px}.discovery-suggestions{grid-template-columns:1fr;gap:16px}.suggestion-art{height:56px;flex-basis:48px;width:48px}.discovery-detail>.close{right:10px;top:12px}} /* Direct playback and a compact visual shelf. */ .discovery-thought{padding:16px 0;border-bottom:0}.discovery-thought .listening-note{padding:0}.discovery-thought .listening-note p{font-size:16px;color:#bac3d5;margin:0;line-height:1.5;max-width:none}.discovery-thought .listening-note a{display:none}.discovery-play-status:empty{display:none}.discovery-play-status{font-size:13px;color:#bac3d5}.discovery-full{display:inline-block;margin-top:14px;font-size:13px;color:#97a5bd;text-decoration:underline;text-underline-offset:4px}.discovery-actions [hidden]{display:none}.discovery-art.is-playing{position:relative}.discovery-art audio{position:absolute;bottom:16px;left:10px;width:calc(100% - 20px);height:42px}.discovery-art iframe{width:100%;height:100%;min-height:280px;border:0}.discovery-feature:has(iframe){grid-template-columns:1fr 1fr}.discovery-suggestions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.discovery-suggestion{display:block;position:relative;text-align:left}.suggestion-art{display:block;width:100%;height:auto;aspect-ratio:16/10;border-radius:8px;margin-bottom:10px;background:#121d39;overflow:hidden}.suggestion-art>img{width:100%;height:100%;object-fit:contain;transition:transform .2s}.suggestion-art .typographic-cover{padding:18px;background:#172449}.suggestion-art .typographic-cover strong{font-size:26px;letter-spacing:-.6px}.discovery-suggestion>span>strong{font-size:15px;line-height:1.3}.discovery-suggestion small{display:none}.discovery-suggestion:hover img{transform:scale(1.04)}.discovery-route{padding:8px 0 20px}.discovery-related{padding-top:6px} @media(max-width:750px){.discovery-feature:has(iframe){grid-template-columns:1fr}.discovery-art:has(iframe){height:220px;max-height:220px;margin-right:0}.discovery-art iframe{min-height:220px}.discovery-suggestions{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;gap:12px}.discovery-suggestion{flex:0 0 65%;scroll-snap-align:start}.suggestion-art{width:100%;height:auto;aspect-ratio:4/3}.discovery-thought .listening-note p{font-size:15px}.discovery-suggestion>span>strong{font-size:14px}} @media(prefers-reduced-motion:reduce){.suggestion-art>img{transition:none}} .resource-progress,.route-progress{margin:12px 0;color:#bac3d5}.resource-progress progress,.route-progress progress{display:block;width:100%;height:4px;border:0;border-radius:4px;overflow:hidden;appearance:none;background:#ffffff20}.resource-progress progress::-webkit-progress-bar,.route-progress progress::-webkit-progress-bar{background:#ffffff20}.resource-progress progress::-webkit-progress-value,.route-progress progress::-webkit-progress-value{background:#c4ef4d}.resource-progress progress::-moz-progress-bar,.route-progress progress::-moz-progress-bar{background:#c4ef4d}.resource-progress small,.route-progress small{display:block;margin-top:6px;font-size:12px;line-height:1.4}.card-open{display:block}.media-card .resource-progress{margin:8px 0}.route-tile .route-progress{position:relative;width:100%;z-index:1;margin-top:8px}.route-review .route-progress{max-width:640px}.discovery-suggestion .resource-progress small{display:block}.discovery-art.integrated-player{display:flex;flex-direction:column;align-self:start;height:auto;max-height:none;min-height:0;background:#101b34}.media-stage{width:100%;position:relative;min-height:220px;display:grid;place-items:center}.media-stage>img{width:100%;height:260px;object-fit:contain;padding:18px}.media-stage .typographic-cover{min-height:250px;width:100%;padding-bottom:75px}.media-stage audio,.discovery-art .media-stage audio{position:absolute;bottom:14px;left:10px;width:calc(100% - 20px);height:42px}.media-parts{display:flex;align-items:center;gap:8px;font-size:12px;padding:12px;width:100%;color:#bac3d5}.media-parts select{min-width:0;width:100%;background:#070435;color:white;border:1px solid #ffffff30;padding:8px;border-radius:6px;font-size:13px}.media-tools{display:flex;flex-wrap:wrap;gap:14px;padding:0 12px 14px;width:100%}.media-tools button{font-size:12px;background:transparent;color:#bac3d5;padding:4px 0;text-decoration:underline;text-underline-offset:4px}.video-player .media-stage{aspect-ratio:16/9;min-height:0;display:block}.video-player .media-stage>img,.video-player .media-stage>.typographic-cover{display:none}.video-player .media-stage iframe,.discovery-art.video-player iframe{position:absolute;inset:0;width:100%;height:100%;min-height:0;border:0}.discovery-feature:has(.video-player){grid-template-columns:1.2fr 1fr}.player.integrated-player{display:block;aspect-ratio:auto;height:auto;min-height:0}.player.integrated-player>div{position:relative}.player.integrated-player .media-stage>img{position:static;height:300px;opacity:1}.player.integrated-player.video-player .media-stage{aspect-ratio:16/9}.player.integrated-player .media-tools button{position:static}.player.integrated-player .media-parts{position:static}.route-tile{display:flex;flex-direction:column;justify-content:end;align-items:start} @media(max-width:750px){.discovery-feature:has(.video-player){grid-template-columns:1fr}.discovery-art.integrated-player{margin-right:0;width:100%;height:auto;max-height:none}.media-stage>img{height:220px}.discovery-art .media-stage .typographic-cover{min-height:240px}.resource-progress small,.route-progress small{font-size:12px}.discovery-suggestion .resource-progress{margin:8px 0 0}} /* Audio controls stay outside artwork and remain accessible at every width. */ .integrated-player .media-stage audio{display:none}.integrated-player .audio-controls{position:relative;width:100%;padding:18px;background:#101b34;color:#f6f4ef}.audio-timeline{display:flex;gap:10px;align-items:center;font-size:12px;font-variant-numeric:tabular-nums}.audio-timeline input{min-width:0;flex:1;width:100%;accent-color:#c4ef4d;cursor:pointer;height:24px;margin:0}.audio-actions{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:12px}.audio-actions button{background:transparent;color:inherit;min-width:40px;min-height:44px;font-size:17px;padding:6px}.audio-actions [data-audio-toggle]{border-radius:50%;background:#c4ef4d;color:#070435;width:44px}.audio-actions label{display:flex;align-items:center;gap:8px;font-size:12px;margin-left:auto}.audio-actions select{padding:6px;border:1px solid #ffffff40;border-radius:6px;background:#070435;max-width:85px}.integrated-player .media-stage .typographic-cover{padding-bottom:24px;min-height:190px}@media(max-width:480px){.audio-actions{gap:8px}.audio-actions label{gap:4px}.integrated-player .audio-controls{padding:12px}} /* Compact audio panel: fixed control geometry also inside narrow desktop columns. */ .integrated-player:not(.video-player){min-width:0;overflow:hidden;border-radius:12px;background:#111c35} .integrated-player:not(.video-player) .media-stage{min-height:0;height:150px;overflow:hidden;background:#172449} .integrated-player:not(.video-player) .media-stage>img{position:static;height:150px;width:100%;padding:12px;object-fit:contain} .integrated-player:not(.video-player) .media-stage .typographic-cover{min-height:0;height:150px;padding:22px 24px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;width:100%} .integrated-player:not(.video-player) .media-stage .typographic-cover strong{font-size:clamp(24px,2.4vw,34px);line-height:1.08;letter-spacing:-.5px;max-width:100%;overflow-wrap:normal} .integrated-player:not(.video-player) .media-stage .typographic-cover span{font-size:10px;margin:0 0 8px;letter-spacing:1px} .integrated-player .audio-controls{padding:16px 16px 10px;background:transparent;min-width:0} .integrated-player .audio-timeline{display:grid;grid-template-columns:1fr auto;gap:5px 8px;font-size:11px;line-height:1.4;min-width:0;color:#aebbd0} .integrated-player .audio-timeline input{grid-row:1;grid-column:1/-1;appearance:none;-webkit-appearance:none;width:100%;height:18px;background:transparent;margin:0;border:0;padding:0;box-shadow:none;min-width:0} .audio-timeline input::-webkit-slider-runnable-track{height:3px;background:#62708a;border-radius:4px}.audio-timeline input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:#c4ef4d;margin-top:-4px;border:0}.audio-timeline input::-moz-range-track{height:3px;background:#62708a;border-radius:4px}.audio-timeline input::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#c4ef4d} .integrated-player .audio-timeline [data-audio-duration]{text-align:right} .integrated-player .audio-actions{display:grid;grid-template-columns:36px 44px 36px minmax(48px,1fr);gap:8px;align-items:center;margin-top:9px;min-width:0;width:100%} .integrated-player .audio-actions button{display:grid;place-items:center;position:static;margin:0;padding:0;min-width:0;width:36px;height:40px;min-height:40px;white-space:nowrap;line-height:1;border:0;border-radius:50%;font-size:18px} .integrated-player .audio-actions [data-audio-toggle]{width:44px;height:44px;background:#c4ef4d;color:#070435;font-size:17px} .integrated-player .audio-actions svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.integrated-player .audio-actions svg text{fill:currentColor;stroke:none;font:11px Arial,sans-serif;text-anchor:middle} .integrated-player .audio-actions label{display:block;justify-self:end;margin:0;min-width:0;width:54px} .integrated-player .audio-actions select{width:54px;min-width:0;max-width:100%;height:34px;font:12px Arial,sans-serif;line-height:1;padding:0 3px;border:1px solid #ffffff25;border-radius:20px;background:#ffffff06;color:#f5f5ef;cursor:pointer} .integrated-player .media-tools{padding:5px 16px 14px;gap:12px;justify-content:space-between}.integrated-player .media-tools button{font-size:11px;line-height:1.4;color:#9eacc4;text-decoration:none;min-height:28px}.integrated-player .media-tools button:hover{color:#c4ef4d}.integrated-player .media-parts{padding:6px 16px;font-size:11px}.integrated-player .media-parts select{font-size:12px;padding:7px} #playback-shell{position:fixed;inset:auto;margin:0;padding:0;border:0;border-radius:12px;background:#111c35;color:#f5f5ef;overflow:hidden;max-height:90dvh;box-shadow:0 8px 36px #0003;z-index:1000;min-width:0}#playback-shell::backdrop{display:none}#playback-shell .persistent-media{border-radius:0}#playback-shell .dock-heading,#playback-shell .dock-video-controls{display:none}#playback-shell .persistent-status{font-size:11px;line-height:1.4;color:#aebbd0;padding:0 16px 12px;margin:0}#playback-shell .persistent-status:empty{display:none}#playback-shell.is-docked{left:24px;right:24px;bottom:18px;width:auto;max-width:1050px;margin:auto;border:1px solid #ffffff20;box-shadow:0 8px 40px #0008}#playback-shell.is-docked .dock-heading{display:flex;align-items:center;gap:10px;padding:10px 16px 0}#playback-shell .dock-heading a{flex:1;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#playback-shell .dock-heading button{background:transparent;color:#bac3d5;font-size:23px;width:32px;height:32px;padding:0;flex-shrink:0}#playback-shell:not(.is-video) [data-dock-min]{display:none}#playback-shell.is-docked:not(.is-video) .media-stage{display:none}#playback-shell.is-docked .persistent-status,#playback-shell.is-docked .media-tools,#playback-shell.is-docked .media-parts{display:none}#playback-shell.is-docked:not(.is-video) .audio-controls{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:24px;align-items:center;padding:0 16px 12px}#playback-shell.is-docked .audio-actions{margin:0}#playback-shell.is-docked.is-video{left:auto;right:24px;width:340px;bottom:20px;margin:0}#playback-shell.is-docked.is-video .dock-heading{padding:8px 12px}#playback-shell.is-minimized .media-stage{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}#playback-shell.is-minimized .dock-video-controls{display:flex;align-items:center;gap:14px;padding:8px 12px 12px}#playback-shell .dock-video-controls button{background:#c4ef4d;color:#070435;border-radius:22px;padding:8px 14px;font-size:12px}#playback-shell .dock-video-controls span{font-size:12px;color:#bac3d5;margin-right:auto}.has-media-dock{padding-bottom:150px}@media(max-width:750px){#playback-shell.is-docked{left:10px;right:10px;bottom:78px}#playback-shell.is-docked:not(.is-video) .audio-controls{grid-template-columns:minmax(0,1fr) 176px;gap:10px;padding:0 12px 10px}#playback-shell.is-docked .audio-actions{grid-template-columns:30px 40px 30px 48px;gap:5px}#playback-shell.is-docked .audio-actions button{width:30px}#playback-shell.is-docked .audio-actions [data-audio-toggle]{width:40px;height:40px}#playback-shell.is-docked .audio-actions label,#playback-shell.is-docked .audio-actions select{width:48px}#playback-shell.is-docked.is-video{right:10px;bottom:78px;width:min(300px,calc(100vw - 20px))}.has-media-dock{padding-bottom:210px}} dialog[open]{position:fixed;inset:0;margin:auto;z-index:900}body:has(dialog[open])::after{content:'';position:fixed;inset:0;background:#020812c9;backdrop-filter:blur(5px);z-index:899}@media(max-width:750px){dialog[open]{inset:12px 0 auto;margin:0 auto;max-height:calc(100dvh - 24px)}} .search-sources{display:flex;flex-wrap:wrap;gap:14px 26px;border-block:1px solid #ffffff20;padding:16px 0;margin-bottom:12px}.search-sources>span{font-size:12px;color:#f5f5ef}.search-sources small{display:block;color:#9eacc4;margin-top:3px}.search-note{font-size:13px;color:#bac3d5;line-height:1.6;margin:12px 0 28px}.search-note a{color:#c4ef4d}.search-routes{margin:30px 0}.search-routes .section-head h2{font-size:24px}.search-routes .route-tile{min-height:200px}.external-result .external-art{height:auto;aspect-ratio:3/4;background:#152443;border-radius:8px;overflow:hidden;position:relative;margin-bottom:12px;display:grid;place-items:center}.external-art>img:not(.external-logo){position:absolute;width:100%;height:100%;object-fit:contain}.external-art .external-logo{width:65%;max-height:80px;object-fit:contain}.external-art:has(>img:not(.external-logo):not([hidden])) .external-logo{display:none}.external-result small{font-size:10px;color:#bac3d5}.external-result h3{font-size:16px;line-height:1.35;margin:6px 0}.external-open{display:block;font-size:12px;color:#c4ef4d;margin-top:10px}.search-more{display:block;margin:30px auto}.search-more[hidden],#search-empty[hidden]{display:none}@media(max-width:750px){.search-sources{gap:12px;display:grid;grid-template-columns:1fr 1fr}.search-routes .routes-grid{grid-template-columns:1fr}.external-result h3{font-size:14px}} .harvest-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:26px 0;padding:16px 0;border-block:1px solid #ffffff25;font-size:14px}.harvest-select{background:none;border:1px solid #ffffff30;border-radius:22px;padding:8px 12px;font-size:12px;margin:12px 0;color:#bac3d5}.harvest-select[aria-pressed=true]{border-color:#c4ef4d;color:#c4ef4d}.route-builder{padding:32px;position:relative}.route-builder h2{font-size:32px;line-height:1.1;letter-spacing:-1px;max-width:90%}.route-builder>p{color:#bac3d5;font-size:14px;line-height:1.6}.route-builder>label{display:grid;gap:8px;font-size:13px;margin:18px 0}.route-builder input,.route-builder textarea{width:100%;background:#070435;border:1px solid #ffffff30;border-radius:8px;color:#fff;padding:12px;font:inherit}.route-builder textarea{min-height:70px;resize:vertical}.route-draft-list{list-style:decimal;padding-left:22px;margin:20px 0}.route-draft-list li{padding:14px 0;border-bottom:1px solid #ffffff20;display:flex;align-items:center;gap:12px}.route-draft-list li>span{flex:1;min-width:0}.route-draft-list b{font-weight:500;font-size:15px}.route-draft-list small{display:block;font-size:12px;color:#bac3d5;margin-top:4px}.route-draft-list li>div{display:flex;gap:3px}.route-draft-list button{background:#ffffff08;color:white;border-radius:50%;width:32px;height:32px}.route-draft-list button:disabled{opacity:.2}.route-review>[data-copy-route]{margin-left:20px}@media(max-width:750px){.harvest-toolbar{flex-direction:column;align-items:stretch}.route-builder{padding:24px 18px}.route-builder h2{font-size:27px}.route-draft-list{padding:0}.route-draft-list b{font-size:13px}} /* Search: compact controls, visible results, secondary route suggestions. */ .search-heading{display:flex;align-items:baseline;gap:24px;padding-top:30px}.search-heading h1{font-size:36px;line-height:1.1;letter-spacing:-1.3px;margin:0}.search-heading p{font-size:15px;color:var(--muted);margin:0}.search-page .searchbar{margin:22px 0 16px;gap:10px}.search-page .searchbar input{border-radius:12px;background:#111a31;border-color:#ffffff30;padding:14px 18px;font-size:18px}.search-page .searchbar .button{padding:12px 26px}.search-filters{display:flex;align-items:center;justify-content:space-between;gap:20px}.search-filters .category-strip{margin:0;gap:6px;flex-wrap:wrap}.search-filters .chip{border:1px solid transparent;border-radius:30px;background:transparent;color:#bac3d5;padding:8px 15px;font-size:14px}.search-filters .chip.active{background:#eee85b;color:#0a1028}.search-filters .chip:hover:not(.active){background:#ffffff0b;color:white}.search-filters select{font-size:14px;max-width:270px;border-radius:9px;background:transparent;border-color:#ffffff25;padding:10px 12px}.search-summary{display:flex;justify-content:space-between;align-items:center;gap:16px;position:relative;margin:18px 0 22px;color:#aebbd0;font-size:14px}.search-summary>p{margin:0}.source-details summary{cursor:pointer;list-style:none;text-align:right;text-decoration:underline;text-underline-offset:4px}.source-details summary::-webkit-details-marker{display:none}.source-panel{position:absolute;right:0;top:100%;margin-top:12px;background:#14203b;border:1px solid #ffffff25;border-radius:12px;padding:20px;z-index:5;box-shadow:0 14px 40px #0007;width:min(560px,100%)}.source-panel .search-sources{margin:0;padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:18px}.source-panel .search-sources>span{font-size:14px}.source-panel .search-sources small{font-size:13px}.source-panel .search-note{font-size:14px;margin:16px 0 0}.source-panel .search-note:empty{display:none}.search-route-suggestions{display:flex;align-items:center;gap:22px;margin:0 0 26px;padding:16px 0;border-block:1px solid #ffffff18}.search-route-suggestions h2{font-size:14px;font-weight:400;color:#aebbd0;margin:0;flex:0 0 auto}.search-route-suggestions>div{display:flex;gap:12px;flex-wrap:wrap;min-width:0}.search-route-link{display:flex;align-items:center;gap:14px;max-width:480px;padding-right:18px;border-radius:10px;background:#17234270;overflow:hidden;transition:background .2s}.search-route-link:hover{background:#243966}.search-route-link img{width:94px;height:74px;object-fit:cover;object-position:center 30%;flex-shrink:0}.search-route-link span{padding:8px 0}.search-route-link strong{display:block;font-size:16px;font-weight:500;line-height:1.3}.search-route-link small{display:block;font-size:13px;color:#acb9d0;margin-top:5px}.search-results-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px}.search-results-heading h2{font-size:25px;letter-spacing:-.7px;margin:0}.search-page .harvest-toolbar{margin:0;padding:0;border:0;gap:16px;flex-direction:row;align-items:center;font-size:14px}.search-page .harvest-toolbar>span{color:#b9c5d8}.search-page .harvest-toolbar .button{padding:10px 18px;font-size:14px;white-space:nowrap;background:#ffffff06;border-color:#ffffff35}.search-page .harvest-select{font-size:14px}.search-page .external-result small{font-size:13px}.search-page .external-open{font-size:14px} @media(max-width:750px){.search-heading{padding-top:24px;display:block}.search-heading h1{font-size:30px}.search-heading p{margin-top:8px;font-size:14px}.search-page .searchbar{margin:18px 0 14px}.search-page .searchbar input{font-size:16px;padding:12px}.search-page .searchbar .button{padding:10px 17px}.search-filters{align-items:stretch;flex-direction:column;gap:12px}.search-filters .category-strip{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.search-filters .chip{white-space:nowrap;padding:8px 12px}.search-filters select{max-width:none;width:100%}.search-summary{align-items:start;font-size:13px;margin:16px 0}.search-summary>p{max-width:50%}.search-route-suggestions{align-items:start;flex-direction:column;gap:10px;padding:12px 0;margin-bottom:20px}.search-route-suggestions>div{width:100%}.search-route-link{width:100%;max-width:none}.search-route-link img{width:80px;height:64px}.search-route-link strong{font-size:15px}.search-results-heading{flex-wrap:wrap;gap:12px;margin-bottom:18px}.search-results-heading h2{font-size:23px}.search-page .harvest-toolbar{width:100%;justify-content:space-between;gap:10px}.search-page .harvest-toolbar>span{font-size:13px}.search-page .harvest-toolbar .button{font-size:13px;padding:9px 15px}.source-panel{padding:16px}.source-panel .search-sources{grid-template-columns:1fr;gap:12px}} .search-summary .source-details{border:0;padding:0;margin:0} /* Shared format marker: the same icons as the listening/viewing entry points. */ .format.format-badge{display:inline-flex;align-items:center;gap:7px;top:10px;left:10px;bottom:auto;right:auto;padding:6px 9px;border-radius:8px;background:#070435e8;color:#fff;font-size:13px;font-weight:500;line-height:1;letter-spacing:0;z-index:3;box-shadow:0 1px 5px #0002;pointer-events:none}.format-badge svg{display:block;width:20px;height:20px;flex:0 0 20px}.external-art .format-badge{position:absolute}@media(max-width:750px){.format.format-badge{top:8px;left:8px;padding:5px 7px;gap:5px;font-size:12px}.format-badge svg{width:19px;height:19px;flex-basis:19px}} #playback-shell [data-dock-expand] svg{width:21px;height:21px;display:block;margin:auto}#playback-shell:not(.is-video) [data-dock-expand]{display:none}#playback-shell .dock-heading button:hover{color:white;background:#ffffff12;border-radius:6px}#playback-shell.is-docked.is-video.is-expanded{inset:0;width:min(1100px,94vw);height:fit-content;max-width:none;max-height:94dvh;margin:auto;overflow:auto;box-shadow:0 20px 80px #000b}#playback-shell.is-expanded .media-stage{max-height:calc(94dvh - 50px);aspect-ratio:16/9}#playback-shell.is-expanded::backdrop{display:block;background:#020614a6}#playback-shell.is-expanded [data-dock-expand]{color:#c4ef4d}@media(max-width:750px){#playback-shell.is-docked.is-video.is-expanded{width:96vw;max-height:96dvh}#playback-shell.is-expanded .dock-heading{gap:4px;padding:8px}#playback-shell.is-expanded .dock-heading a{font-size:13px}} /* While watching, give the video the full width of the content dialog. */ dialog:has(.discovery-art.video-player){width:min(1200px,96vw)}.discovery-detail:has(.discovery-art.video-player){padding:56px 28px 28px}.discovery-feature:has(.discovery-art.video-player){grid-template-columns:minmax(0,1fr);gap:26px;align-items:start}.discovery-feature .discovery-art.video-player{width:100%;height:auto;max-height:none;margin:0;align-self:start}.discovery-feature:has(.discovery-art.video-player) .discovery-copy{padding:0}.discovery-feature:has(.discovery-art.video-player) .discovery-copy h2{font-size:clamp(25px,3vw,34px);max-width:980px}.discovery-feature:has(.discovery-art.video-player) .discovery-description{max-width:850px}.discovery-feature:has(.discovery-art.video-player) .discovery-source{float:right;margin:0 0 12px 22px}.discovery-feature:has(.discovery-art.video-player) .discovery-actions{margin-top:12px}#playback-shell.is-video:not(.is-docked) .media-stage{max-height:62dvh} @media(max-width:750px){.discovery-detail:has(.discovery-art.video-player){padding:56px 14px 24px}.discovery-feature:has(.discovery-art.video-player){gap:20px}.discovery-feature:has(.discovery-art.video-player) .discovery-source{width:80px}.discovery-feature:has(.discovery-art.video-player) .discovery-copy h2{font-size:26px}} .playback-queue{border-top:1px solid #ffffff20;padding:10px 14px;background:#101b34}.queue-controls{display:flex;align-items:start;gap:10px}.queue-controls>button{background:#ffffff09;border-radius:50%;width:32px;height:32px;flex-shrink:0;color:white;font-size:24px;line-height:1}.queue-controls>button:disabled{opacity:.25;cursor:default}.queue-controls details{flex:1;min-width:0;border:0;padding:0}.queue-controls summary{font-size:14px;padding:5px 0;color:#eee85b}.queue-controls details>p{font-size:13px;color:#bac3d5;margin:10px 0}.queue-controls ol{margin:0;padding:0;list-style:none;max-height:180px;overflow:auto}.queue-controls li button{display:flex;gap:10px;width:100%;text-align:left;padding:10px 8px;background:transparent;border-radius:6px;font-size:14px;line-height:1.3}.queue-controls li button[aria-current=true]{background:#ffffff10;color:#eee85b}.queue-controls li small{display:block;font-size:12px;color:#bac3d5;margin-top:4px}.queue-status{font-size:13px;color:#bac3d5;margin:8px 0 0}.queue-status:empty{display:none}.queue-status button{background:none;color:#eee85b;text-decoration:underline}#playback-shell{overflow:auto}#playback-shell.is-video:not(.is-docked):has(.playback-queue) .media-stage{max-height:50dvh} /* One dock and one transport for both audio and video. */ #playback-shell.is-docked.is-video:not(.is-expanded),#playback-shell.is-docked:not(.is-video){left:24px;right:24px;bottom:18px;width:auto;max-width:1050px;margin:0 auto;border-radius:14px}#playback-shell.is-docked .dock-heading{padding:10px 16px;gap:10px}#playback-shell.is-docked:not(.is-expanded) .persistent-media{display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:20px;padding:0 16px 12px}#playback-shell.is-docked:not(.is-expanded):not(.is-minimized) .media-stage{display:block;position:relative;aspect-ratio:16/9;min-height:0;height:auto;max-height:none;border-radius:8px;overflow:hidden;background:#070435}#playback-shell.is-docked:not(.is-video) .media-stage>img{height:107px;width:100%;padding:0;object-fit:contain}#playback-shell.is-docked:not(.is-video) .media-stage .typographic-cover{height:107px;min-height:0;padding:12px;display:flex;justify-content:center}#playback-shell.is-docked:not(.is-video) .media-stage .typographic-cover strong{font-size:24px;letter-spacing:-.5px}#playback-shell.is-docked .media-stage .typographic-cover span{display:none}#playback-shell.is-docked .persistent-media .audio-controls{display:flex;flex-direction:column;gap:12px;padding:0;width:100%}#playback-shell.is-docked .audio-timeline{width:100%}#playback-shell.is-docked .audio-actions{display:flex;justify-content:center;gap:20px;width:100%}#playback-shell .dock-video-controls,#playback-shell.is-minimized .dock-video-controls{display:none}#playback-shell.is-docked.is-minimized .persistent-media{grid-template-columns:minmax(0,1fr)}#playback-shell.is-expanded .persistent-media>.audio-controls{padding:12px 20px}#playback-shell .queue-controls>button{width:auto;min-width:106px;height:36px;border-radius:20px;padding:0 12px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:7px}#playback-shell .queue-controls>button span{font-size:12px}#playback-shell .queue-controls details{text-align:center}#playback-shell .queue-controls details>p,#playback-shell .queue-controls ol{text-align:left}#playback-shell .queue-controls summary{padding:8px 0} @media(max-width:750px){#playback-shell.is-docked.is-video:not(.is-expanded),#playback-shell.is-docked:not(.is-video){left:10px;right:10px;bottom:78px;width:auto;max-width:none}#playback-shell.is-docked:not(.is-expanded) .persistent-media{grid-template-columns:96px minmax(0,1fr);gap:12px;padding:0 12px 10px}#playback-shell.is-docked:not(.is-video) .media-stage>img,#playback-shell.is-docked:not(.is-video) .media-stage .typographic-cover{height:54px}#playback-shell.is-docked:not(.is-video) .media-stage .typographic-cover strong{font-size:15px}#playback-shell.is-docked .audio-actions{gap:7px}#playback-shell.is-docked .audio-timeline{grid-template-columns:1fr;gap:2px}#playback-shell.is-docked .audio-timeline>span{display:none}#playback-shell .queue-controls{gap:6px}#playback-shell .queue-controls>button{min-width:82px;font-size:12px;padding:0 8px}#playback-shell .queue-controls summary{font-size:12px}.has-media-dock{padding-bottom:290px}} /* Identical dock geometry across formats, including header and preview height. */ #playback-shell.is-docked.is-video:not(.is-expanded) .dock-heading,#playback-shell.is-docked:not(.is-video) .dock-heading{padding:10px 16px;height:52px;box-sizing:border-box}#playback-shell.is-docked:not(.is-expanded):not(.is-minimized) .media-stage{height:107px;aspect-ratio:auto}#playback-shell.is-docked:not(.is-expanded) .persistent-media{min-height:119px}#playback-shell.is-docked:not(.is-expanded) .audio-controls{min-height:95px}@media(max-width:750px){#playback-shell.is-docked:not(.is-expanded):not(.is-minimized) .media-stage{height:54px}#playback-shell.is-docked:not(.is-expanded) .persistent-media{min-height:85px}#playback-shell.is-docked:not(.is-expanded) .audio-controls{min-height:75px}} /* Give the queue its own row so narrow embedded players never squeeze its label. */ #playback-shell .queue-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px} #playback-shell .queue-controls details{grid-column:1/-1;grid-row:1;width:100%;min-width:0;text-align:left} #playback-shell .queue-controls summary{white-space:nowrap;padding:6px 0;font-size:14px;line-height:1.4} #playback-shell .queue-controls>button{grid-row:2;min-width:0;width:100%;height:36px;white-space:nowrap} #playback-shell .queue-controls>[data-queue-prev]{grid-column:1} #playback-shell .queue-controls>[data-queue-next]{grid-column:2} #playback-shell .queue-controls li button{overflow-wrap:anywhere} .discovery-feature:has(.discovery-art.is-playing){align-items:start} .discovery-feature:has(.discovery-art.is-playing) .discovery-copy{align-self:start} /* The preview spans the transport and queue; neither takes space below it. */ #playback-shell.is-docked:not(.is-expanded):not(.is-minimized){display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);column-gap:20px;padding:0 16px 16px} #playback-shell.is-docked:not(.is-expanded):not(.is-minimized) .dock-heading{grid-column:1/-1;padding:10px 0} #playback-shell.is-docked:not(.is-expanded):not(.is-minimized) .persistent-media{display:contents} #playback-shell.is-docked:not(.is-expanded):not(.is-minimized) .media-stage{grid-column:1;grid-row:2/4;width:100%;height:auto;aspect-ratio:16/9;align-self:start} #playback-shell.is-docked:not(.is-expanded):not(.is-minimized) .media-stage>img,#playback-shell.is-docked:not(.is-expanded):not(.is-minimized) .media-stage .typographic-cover{height:100%;width:100%;object-fit:contain} #playback-shell.is-docked:not(.is-expanded):not(.is-minimized) .audio-controls{grid-column:2;grid-row:2;align-self:center;padding:4px 0;min-height:0} #playback-shell.is-docked:not(.is-expanded):not(.is-minimized) .playback-queue{grid-column:2;grid-row:3;padding:8px 0 0;align-self:start} #playback-shell.is-docked [data-dock-min]{display:block} /* Compact mode uses the existing controls, preserving playback and queue state. */ #playback-shell.is-docked.is-minimized{display:grid;grid-template-columns:minmax(0,1fr) 36px 40px 36px;align-items:center;gap:8px;padding:8px 14px;max-width:700px;min-height:0} #playback-shell.is-docked.is-minimized .dock-heading,#playback-shell.is-docked.is-minimized .persistent-media,#playback-shell.is-docked.is-minimized .audio-controls,#playback-shell.is-docked.is-minimized .audio-actions,#playback-shell.is-docked.is-minimized .playback-queue,#playback-shell.is-docked.is-minimized .queue-controls{display:contents} #playback-shell.is-docked.is-minimized .dock-heading a{grid-column:1;grid-row:1;min-width:0} #playback-shell.is-docked.is-minimized .dock-heading button,#playback-shell.is-docked.is-minimized .audio-timeline,#playback-shell.is-docked.is-minimized .audio-actions label,#playback-shell.is-docked.is-minimized [data-audio-back],#playback-shell.is-docked.is-minimized [data-audio-forward],#playback-shell.is-docked.is-minimized .queue-controls details{display:none} #playback-shell.is-docked.is-minimized [data-audio-toggle]{grid-column:3;grid-row:1;width:40px;height:40px;margin:0;font-size:18px} #playback-shell.is-docked.is-minimized .queue-controls>button{grid-row:1;width:36px;height:36px;padding:0;font-size:0;min-width:0} #playback-shell.is-docked.is-minimized .queue-controls>button span{font-size:18px} #playback-shell.is-docked.is-minimized [data-queue-prev]{grid-column:2} #playback-shell.is-docked.is-minimized [data-queue-next]{grid-column:4} #playback-shell.is-docked.is-minimized .queue-status:empty{display:none} #playback-shell.is-docked.is-minimized .queue-status:not(:empty){grid-column:1/-1} @media(max-width:750px){ #playback-shell.is-docked:not(.is-expanded):not(.is-minimized){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 12px;padding:0 10px 10px} #playback-shell.is-docked:not(.is-expanded):not(.is-minimized) .audio-actions{gap:3px} #playback-shell.is-docked:not(.is-expanded):not(.is-minimized) .media-stage{align-self:center} #playback-shell.is-docked .queue-controls summary{font-size:12px} #playback-shell.is-docked.is-minimized{gap:4px;padding:6px 10px} } #playback-shell.is-docked.is-video.is-minimized:not(.is-expanded),#playback-shell.is-docked.is-minimized:not(.is-video){max-width:700px} /* One progress display, one institutional signature and a compact action row. */ .discovery-feature:has(.discovery-art.is-playing) .discovery-copy>.resource-progress{display:none} .discovery-actions .discovery-full{margin:0;padding:10px 0;font-size:14px} .discovery-play-status:empty{display:none} #playback-shell:not(.is-docked) .media-tools{display:none} #playback-shell:not(.is-docked) .media-parts{padding-bottom:16px} @media(min-width:751px){.discovery-feature:has(.discovery-art.is-playing):not(:has(.video-player)){grid-template-columns:minmax(280px,40%) minmax(0,1fr);gap:28px}.discovery-feature:has(.discovery-art.is-playing):not(:has(.video-player)) .discovery-copy{padding-top:6px}} /* Expanded is a player mode, independent of the next resource's format. */ #playback-shell.is-docked.is-expanded:not(.is-video),#playback-shell.is-docked.is-expanded.is-video{inset:0;width:min(1100px,94vw);height:fit-content;max-width:none;max-height:94dvh;margin:auto;overflow:auto;box-shadow:0 20px 80px #000b} #playback-shell.is-docked.is-expanded .media-stage{display:block;position:relative;width:100%;height:min(50dvh,540px);min-height:0;max-height:none;aspect-ratio:auto;background:#070435} #playback-shell.is-docked.is-expanded .media-stage>img,#playback-shell.is-docked.is-expanded .media-stage .typographic-cover{height:100%;width:100%;max-height:none;object-fit:contain;padding:16px} #playback-shell.is-docked.is-expanded [data-dock-expand]{display:block} @media(max-width:750px){#playback-shell.is-docked.is-expanded:not(.is-video),#playback-shell.is-docked.is-expanded.is-video{width:96vw;max-height:96dvh}} /* Keep quick-view descriptions brief; full text remains in the content sheet. */ .discovery-description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden} /* Route identity: editorial title and a browsable composition of real covers. */ .route-intro{display:grid;grid-template-columns:1fr 1fr;gap:5%;padding:64px 6% 44px;background:#2f2981;overflow:hidden;min-height:510px;align-items:center} .route-kicker{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:1.5px;font-weight:600}.route-kicker>span{font-size:27px;color:#eee85b} .route-intro h1{font-size:clamp(44px,5.5vw,82px);line-height:1;letter-spacing:-.05em;margin:20px 0;max-width:720px;text-wrap:balance} .route-intro-copy>p{font-size:17px;line-height:1.5;max-width:510px;margin:0 0 26px;color:#e0e6ff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .route-intro-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.route-intro-actions .button{display:flex;gap:12px;align-items:center;padding:16px 24px}.route-stations-link{font-size:14px;border-bottom:1px solid #ffffff80;padding:7px 0}.route-intro .route-progress{max-width:380px;margin:24px 0 0}.route-intro .route-progress small{color:#e0e6ff;font-size:12px}.route-intro-tools{display:flex;gap:20px;margin-top:16px}.route-intro-tools:empty{display:none}.route-intro-tools button{background:none;padding:4px 0;color:#e0e6ff;font-size:13px} .route-cover-stack{height:380px;position:relative;isolation:isolate;margin:0 25px 25px}.route-cover{position:absolute;top:12px;width:45%;height:290px;border-radius:10px;overflow:hidden;background:#101b34;box-shadow:0 15px 40px #06154b66;border:1px solid #ffffff40;transition:transform .2s;display:block}.route-cover-0{left:0;transform:rotate(-12deg);z-index:1}.route-cover-1{left:28%;top:0;z-index:3;transform:rotate(2deg)}.route-cover-2{right:-8%;top:25px;transform:rotate(14deg);z-index:2}.route-cover:hover,.route-cover:focus-visible{transform:translateY(-12px) rotate(0);z-index:4;outline:2px solid #eee85b}.route-cover-art{height:100%;display:block}.route-cover-art>img{width:100%;height:100%;object-fit:cover}.route-cover-art .typographic-cover{height:100%;padding:20px}.route-cover-art .typographic-cover strong{font-size:28px}.route-cover-caption{position:absolute;bottom:0;left:0;right:0;padding:36px 14px 16px;background:linear-gradient(transparent,#070435f5);color:white}.route-cover-caption small{font-size:10px;display:block;margin-bottom:6px}.route-cover-caption strong{font-size:15px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.route-stack-label{position:absolute;bottom:0;right:0;color:#e3e9ff;font-size:15px;line-height:1.35;text-align:right}.route-stack-label b{color:#eee85b;font-size:21px}#estaciones{scroll-margin-top:110px} @media(max-width:750px){.route-intro{grid-template-columns:1fr;padding:32px 6% 26px;gap:24px}.route-intro h1{font-size:48px;margin:16px 0}.route-kicker{font-size:10px;gap:10px}.route-intro-copy>p{font-size:15px;margin-bottom:20px}.route-intro-actions{gap:18px}.route-intro-actions .button{font-size:14px;padding:14px 20px}.route-cover-stack{height:260px;width:85%;max-width:380px;margin:0 auto}.route-cover{height:210px}.route-cover-caption strong{font-size:12px}.route-cover-caption small{font-size:10px}.route-stack-label{font-size:12px;bottom:-4px}.route-stack-label b{font-size:16px}.route-intro .route-progress{margin-top:18px}} /* An editorial signature with direct, readable institutional services. */ footer.site-footer.footer-editorial{padding:42px 5% 26px;border-top:4px solid #eee85b;background:#070435;margin-top:52px} .footer-lead{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:60px;padding-bottom:38px} .footer-manifesto{display:flex;flex-direction:column;align-items:flex-start;width:fit-content;color:#f5f5ef}.footer-wordmark{font-size:17px;font-weight:700;letter-spacing:-.7px;margin-bottom:20px}.footer-minus,.footer-plus{font-size:clamp(30px,3.5vw,54px);line-height:1.1;letter-spacing:-2px;display:flex;gap:14px;align-items:center}.footer-minus{font-weight:400}.footer-plus{font-weight:800;color:#eee85b;margin-top:4px}.footer-minus b,.footer-plus b{width:32px;text-align:center;font-size:36px;font-weight:400}.footer-plus b{color:#070435;background:#eee85b;line-height:1;border-radius:4px;transform:rotate(-8deg)} .footer-services>p{font-size:22px;color:white;letter-spacing:-.5px;margin:0 0 18px}.footer-services nav{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.footer-services nav a,.footer-services nav button{font-size:14px;line-height:1.3;padding:13px 0;border-bottom:1px solid #ffffff20;color:#bec8df;background:none;text-align:left}.footer-services nav a:hover,.footer-services nav button:hover{color:#eee85b;border-color:#eee85b}.footer-services nav a:focus-visible,.footer-services nav button:focus-visible{outline:2px solid #eee85b;outline-offset:4px} .footer-credit{display:flex;gap:28px;align-items:center;padding-top:24px;border-top:1px solid #ffffff20}.footer-credit .footer-signature{gap:18px}.footer-credit .footer-signature a{min-height:44px}.footer-credit .footer-signature img{max-height:44px;width:auto}.footer-credit .footer-signature a+a{padding-left:18px}.footer-credit>p{font-size:12px;line-height:1.6;color:#aebad2;margin:0}.footer-credit>span{margin-left:auto;text-align:right;color:#aebad2;font-size:13px;line-height:1.4}.footer-credit>span strong{font-weight:500;color:#eee85b} @media(max-width:750px){footer.site-footer.footer-editorial{padding:30px 5% 110px;margin-top:36px}.footer-lead{grid-template-columns:1fr;gap:32px;padding-bottom:28px}.footer-wordmark{font-size:16px;margin-bottom:16px}.footer-minus,.footer-plus{font-size:38px;letter-spacing:-1.8px;gap:10px}.footer-services>p{font-size:20px;margin-bottom:8px}.footer-services nav{gap:0 20px}.footer-services nav a,.footer-services nav button{font-size:14px;padding:14px 0}.footer-credit{flex-wrap:wrap;gap:18px}.footer-credit>p{width:100%}.footer-credit>span{margin-left:0;text-align:left;font-size:13px}.footer-credit .footer-signature img{max-height:42px}} /* Community is a place to discover through another person's selection. */ .community-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:center;padding:54px 0 34px}.community-intro h1{font-size:clamp(36px,4.3vw,65px);line-height:1.03;letter-spacing:-2px;margin:18px 0 24px}.community-intro h1 em{font-family:Georgia,serif;color:#eee85b;font-weight:400}.community-intro p{max-width:540px;color:#bac5da;line-height:1.6;font-size:16px}.community-intro .actions{margin-top:24px}.community-feature{display:block;position:relative;min-height:350px;background:#2f2981;border-radius:18px;overflow:hidden}.community-feature-art{position:absolute;right:-6%;top:0;width:60%;height:100%;transform:rotate(8deg);opacity:.65}.community-feature-art>img{width:100%;height:100%;object-fit:cover}.community-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#2f2981,transparent)}.community-feature-copy{position:relative;z-index:1;display:flex;flex-direction:column;padding:34px;min-height:350px;justify-content:center;align-items:start}.community-feature small,.community-recommendation small,.community-topics small,.community-drafts small{font-size:11px;letter-spacing:1px;color:#bfcceb}.community-feature h2{font-size:44px;line-height:1;letter-spacing:-1.5px;margin:25px 0 18px}.community-feature-copy>b{font-size:14px;margin-top:26px;border-bottom:1px solid #eee85b;padding-bottom:6px}.community-feature-copy>span{font-size:14px}.community-demo{color:#9caac4;font-size:12px;line-height:1.5;max-width:880px;margin:0 0 30px}.community-tabs{display:flex;gap:32px;border-bottom:1px solid #ffffff25;overflow:auto}.community-tabs a{font-size:16px;padding:16px 0;white-space:nowrap;color:#bac5da;border-bottom:3px solid transparent}.community-tabs a[aria-current]{color:#eee85b;border-color:#eee85b}.community-section{padding:34px 0}.community-section .section-head h2{font-size:28px;letter-spacing:-.8px}.community-section .section-head p{font-size:14px;color:#aebbd3;margin:8px 0 0}.community-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.community-route-art{height:225px;background:#172449;display:flex;position:relative;overflow:hidden;border-radius:12px;margin-bottom:18px}.community-route-art>img,.community-route-art>.typographic-cover{width:50%;height:100%;object-fit:cover}.community-route-art>span{position:absolute;bottom:12px;left:12px;padding:6px 10px;background:#070435e8;font-size:12px;border-radius:5px}.community-route-card small{color:#b4c1da;font-size:12px}.community-route-card h3{font-size:24px;line-height:1.1;letter-spacing:-.6px;margin:8px 0 12px}.community-route-card p{color:#aebbd3;font-size:14px;line-height:1.5}.community-route-card:hover h3{color:#eee85b}.community-recommendations{display:grid;gap:22px}.community-recommendation{display:grid;grid-template-columns:160px 1fr;gap:26px;padding:24px;background:#111c35;border-radius:14px}.community-piece-art{position:relative;display:block;overflow:hidden;border-radius:8px;height:200px}.community-piece-art>img{width:100%;height:100%;object-fit:cover}.community-piece-art .typographic-cover{height:100%;padding:14px}.community-piece-art .typographic-cover strong{font-size:24px}.community-recommendation h3{font-size:25px;margin:12px 0}.community-recommendation p{max-width:650px;line-height:1.6;color:#b8c4da}.community-response{display:block;margin-top:18px;color:#aebbd3}.community-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.community-topics article{border-top:2px solid #8173ca;padding:20px;background:#111c35;border-radius:0 0 12px 12px}.community-topic-number{display:block;font-size:38px;color:#ad9bf4;margin-bottom:16px}.community-topics h3{font-size:24px;line-height:1.15}.community-topics p{color:#b8c4da;font-size:15px;line-height:1.5}.community-topics .actions{gap:18px}.community-topics .text-button{font-size:14px;padding:0}.community-invitation{padding:24px 0 10px;border-top:1px solid #ffffff20}.community-invitation>span{font-size:23px;color:#eee85b}.community-invitation p{font-size:14px;color:#aebbd3}.community-drafts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.community-drafts article,.community-empty{background:#111c35;border-radius:12px;padding:26px}.community-drafts h3{font-size:24px}.community-drafts p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;color:#bec9de}.community-drafts .actions{gap:18px}.community-form{padding:40px;max-width:720px;margin:auto}.community-form h2{font-size:32px;line-height:1.1}.community-form>p{font-size:14px;color:#aebbd3;line-height:1.5}.community-form label{display:block;margin:18px 0;font-size:14px}.community-form input:not([type=hidden]),.community-form textarea,.community-form select{display:block;width:100%;margin-top:8px;background:#111c35;color:white;border:1px solid #ffffff35;border-radius:7px;padding:12px;font:inherit;box-sizing:border-box}.community-form-error{color:#eee85b!important}.community-page .text-button{color:#eee85b} @media(max-width:750px){.community-intro{grid-template-columns:1fr;padding-top:30px;gap:26px}.community-intro h1{font-size:42px}.community-intro .button{font-size:14px;padding:13px 18px}.community-feature,.community-feature-copy{min-height:285px}.community-feature-copy{padding:26px}.community-feature h2{font-size:38px}.community-tabs{gap:24px}.community-tabs a{font-size:14px}.community-routes,.community-topics,.community-drafts{grid-template-columns:1fr}.community-route-art{height:240px}.community-section .section-head{flex-wrap:wrap;align-items:start;gap:18px}.community-recommendation{grid-template-columns:90px 1fr;gap:16px;padding:16px}.community-piece-art{height:130px}.community-recommendation h3{font-size:21px}.community-recommendation p{font-size:14px}.community-recommendation .text-button{font-size:14px}.community-form{padding:45px 20px 24px}.community-feature-copy small{font-size:11px}.community-demo{margin-top:8px}.community-topic-number{font-size:30px}} /* Community: routes and conversations, one continuous discovery flow. */ .social-page{padding-top:38px;padding-bottom:60px}.social-topline,.social-filter,.social-person,.social-actions,.social-remix,.social-builder-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.social-topline .text-button{font-size:14px}.social-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:55px;align-items:end;padding:48px 0 58px}.social-hero h1{font-size:clamp(38px,4.5vw,70px);line-height:1.04;letter-spacing:-2.5px;margin:0}.social-hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--yellow,#eeeb55)}.social-hero p{font-size:18px;line-height:1.5;margin:0 0 25px;color:#bbc5d8}.social-filter{padding:0 0 20px;border-bottom:1px solid #ffffff25;margin-bottom:30px}.social-filter nav{display:flex;gap:28px}.social-filter a{color:#bdc7d8;padding-bottom:12px;text-decoration:none}.social-filter a[aria-current]{color:#eeeb55;border-bottom:2px solid}.social-filter>span{font-size:12px;color:#93a0b6}.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.social-card{min-width:0}.social-person{justify-content:flex-start;margin-bottom:18px}.social-avatar{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:50%;background:#7263a4;color:white;font-family:Georgia,serif;font-size:21px}.social-card:nth-child(2) .social-avatar{background:#334add}.social-card:nth-child(3) .social-avatar{background:#897740}.social-person span:last-child{display:grid;gap:3px}.social-person small{color:#a9b4c9;font-size:12px}.social-covers{position:relative;height:245px;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#263de2,#101a37);border-radius:16px;overflow:hidden;padding:24px 20px 35px;text-decoration:none}.social-covers>span{width:39%;height:95%;transform:rotate(-9deg);box-shadow:0 8px 20px #0005;overflow:hidden;border-radius:5px;background:#17243e}.social-covers>span:nth-child(2){transform:translateY(-7px);z-index:1;margin:0 -12%}.social-covers>span:nth-child(3){transform:rotate(9deg)}.social-covers img,.social-covers .type-art{width:100%;height:100%;object-fit:cover}.social-covers .type-art{padding:14px;font-size:10px}.social-covers .type-art strong{font-size:25px}.social-covers b{position:absolute;bottom:13px;left:16px;background:#080d23df;padding:8px 13px;border-radius:20px;z-index:2;font-size:12px}.social-card h2{font-size:26px;line-height:1.13;letter-spacing:-.8px;margin:20px 0 10px}.social-note{font-size:15px;line-height:1.55;color:#b9c5d9;min-height:70px;margin:0 0 16px}.social-actions{gap:10px;flex-wrap:wrap;justify-content:flex-start}.social-actions .button{padding:11px 20px;min-height:42px;font-size:14px}.social-actions .text-button,.social-icon{font-size:13px}.social-icon{background:none;border:0;color:#d6deed;padding:8px 0;cursor:pointer}.social-icon[aria-pressed=true]{color:#eeeb55}.social-preview{display:block;margin:20px 0 0;background:#121d35;border-radius:0 13px 13px 13px;padding:16px;font-size:13px;line-height:1.5;text-decoration:none;color:#b8c4da}.social-preview strong{color:#f3f3ec}.social-preview span{color:#eeeb55}.social-remix{padding:12px 0;border-bottom:1px solid #ffffff22;gap:8px}.social-remix .text-button{font-size:12px}.social-demo-note{color:#919eb6;font-size:12px;margin-top:35px}.social-thread{padding-top:24px}.social-thread-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:7vw;margin-top:28px}.social-thread .social-covers{height:310px}.social-thread h1{font-size:38px;line-height:1.08;margin:24px 0 16px}.social-conversation h2{font-size:28px;letter-spacing:-1px;margin:12px 0 24px}.social-comments article{display:flex;gap:14px;margin:0 0 24px}.social-comments article>div{min-width:0}.social-comments strong{font-size:14px}.social-comments p{font-size:16px;line-height:1.5;color:#bec8da;margin:6px 0 12px;overflow-wrap:anywhere}.social-piece-link{display:block;background:#192743;border-radius:8px;padding:12px 16px;color:#eeeb55;text-decoration:none;font-size:14px}.social-piece-link small{display:block;color:#b6c2d7;margin-top:5px}.social-composer{border-top:1px solid #ffffff24;padding-top:18px}.social-composer label{font-size:13px}.social-composer textarea{width:100%;resize:vertical;background:#111d34;border:1px solid #ffffff28;border-radius:12px;padding:15px;margin:8px 0;color:white;box-sizing:border-box;font:inherit}.social-composer>div{display:flex;gap:12px;align-items:center}.social-composer select{min-width:0;flex:1;background:#111d34;color:#c4cddd;border:0;padding:10px;font-size:13px}.social-composer .button{font-size:14px;padding:12px 20px}.social-composer>small{display:block;margin-top:10px;color:#93a0b6}.social-login{max-width:590px;margin:auto;padding:clamp(24px,5vw,60px)}.social-login h2{font-size:38px;line-height:1.1}.social-login p{line-height:1.5;color:#b9c5d9}.social-login .fine{font-size:13px;margin:20px 0}.social-empty{grid-column:1/-1;padding:35px 0}.social-builder{max-width:1000px}.social-route-title{font-size:clamp(25px,4vw,44px)!important;font-weight:700;background:transparent!important;border:0!important;border-bottom:1px solid #ffffff35!important;border-radius:0!important;padding:16px 0!important}.social-builder-pieces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:24px 0}.social-builder-pieces li{background:#121e37;border-radius:12px;overflow:hidden;min-width:0}.social-builder-pieces li>a{display:block;height:170px;background:#1b2a4c}.social-builder-pieces img,.social-builder-pieces .type-art{width:100%;height:100%;object-fit:contain}.social-builder-pieces .type-art strong{font-size:25px}.social-builder-pieces li>div{padding:13px}.social-builder-pieces small{color:#a9b5cc;font-size:11px}.social-builder-pieces strong{display:block;font-size:15px;line-height:1.3;margin:8px 0}.social-order{display:flex;gap:5px}.social-order button{border:0;background:#1d2b46;color:#d1daea;border-radius:6px;padding:6px 12px;cursor:pointer}.social-order button:disabled{opacity:.3}.social-builder>small{display:block;color:#a5b2ca;font-size:12px;margin-top:15px}.social-builder-footer{position:sticky;bottom:0;background:#0b1229;padding:14px 0}.mobile-nav{grid-template-columns:repeat(4,1fr)} @media(max-width:900px){.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-hero{gap:25px}.social-filter>span{display:none}.social-thread-layout{gap:30px}.social-actions{gap:12px}} @media(max-width:600px){.social-page{padding-top:24px}.social-topline{align-items:flex-start}.social-topline .eyebrow{font-size:9px}.social-topline .text-button{font-size:11px;max-width:125px;text-align:right}.social-hero{grid-template-columns:1fr;padding:30px 0;gap:24px}.social-hero h1{letter-spacing:-1.5px}.social-hero p{font-size:16px}.social-grid,.social-thread-layout{grid-template-columns:1fr;gap:32px}.social-filter nav{gap:25px}.social-filter a{font-size:14px}.social-covers{height:280px}.social-note{min-height:0}.social-remix .text-button{font-size:13px}.social-thread h1{font-size:32px}.social-conversation{border-top:1px solid #ffffff25;padding-top:25px}.social-builder-pieces{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.social-builder-pieces li>a{height:150px}.social-builder-footer{gap:8px}.social-builder-footer .button{font-size:12px;padding:12px}.social-order button{padding:6px 8px}.mobile-nav a{min-width:0}.mobile-nav span{font-size:10px}.social-composer>div{flex-wrap:wrap}.social-composer select{flex-basis:100%}} /* Connections: a visual invitation, with conversation one step deeper. */ .connection-page{padding-top:28px}.connection-account{display:flex;gap:30px;align-items:center}.connection-stage{display:grid;grid-template-columns:.9fr 1.1fr;min-height:590px;align-items:center;margin:26px 0 60px}.connection-manifesto{padding:36px 0}.connection-manifesto>.eyebrow{font-size:10px;letter-spacing:.18em;color:#acb9cd}.connection-manifesto h1{font-size:clamp(65px,7.5vw,116px);line-height:.92;letter-spacing:-.065em;margin:28px 0}.connection-manifesto h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em;color:#efec62}.connection-manifesto p{font-size:17px;line-height:1.6;color:#b9c3d6;margin:0 0 35px}.connection-switch{display:flex;gap:10px;flex-wrap:wrap}.connection-switch a{display:flex;gap:18px;align-items:center;border:1px solid #ffffff30;border-radius:30px;padding:12px 18px;color:#c3cde0;font-size:13px;text-decoration:none;transition:background .2s,color .2s}.connection-switch a[aria-current]{background:#eeeb60;color:#0b1028;border-color:#eeeb60}.connection-switch a:hover{border-color:#eeeb60}.connection-world{position:relative;min-width:0;padding-top:4px}.connection-line{position:absolute;top:0;left:0;width:100%;height:370px;color:#8174d3;opacity:.8;pointer-events:none}.connection-orbit{position:relative;height:365px;isolation:isolate}.connection-piece{position:absolute;width:31%;height:245px;top:48px;left:6%;border-radius:8px;overflow:hidden;box-shadow:0 22px 55px #0006;transform:rotate(-13deg);transition:transform .28s,box-shadow .28s;background:#172444;border:1px solid #ffffff1c}.connection-piece img,.connection-piece .type-art{width:100%;height:100%;object-fit:cover}.connection-piece .type-art{padding:18px;font-size:11px}.connection-piece .type-art strong{font-size:clamp(23px,2.7vw,40px)}.connection-piece.piece-1{left:34%;top:14px;transform:rotate(5deg);z-index:2}.connection-piece.piece-2{left:63%;top:84px;transform:rotate(16deg)}.connection-piece:hover,.connection-piece:focus-visible{transform:translateY(-10px) rotate(0);z-index:4;box-shadow:0 25px 60px #0008}.connection-piece>span{position:absolute;bottom:10px;right:10px;background:#0b112add;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:white;font-size:17px}.connection-spark{position:absolute;right:4%;top:0;font-size:65px;color:#eeeb60;line-height:1}.connection-caption{padding:0 6%}.connection-by{display:flex;align-items:center;gap:8px;font-size:12px;color:#b9c4da}.connection-by .social-avatar{flex-basis:25px;height:25px;font-size:15px}.connection-by small{color:#9ba7be}.connection-caption h2{font-size:30px;line-height:1.1;letter-spacing:-.8px;margin:15px 0 22px}.connection-caption>div{display:flex;align-items:center;gap:23px}.connection-caption .button{font-size:14px;padding:13px 25px}.connection-caption .text-button{font-size:13px}.connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.connection-card{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;min-height:220px;border-radius:14px;overflow:hidden;background:#202fba;color:white;text-decoration:none;transition:transform .25s}.connection-card:hover{transform:translateY(-4px)}.connection-card.tone-1{background:#60529a}.connection-card.tone-2{background:#223d4b}.connection-images{position:relative;min-width:0;overflow:hidden}.connection-images>span{position:absolute;top:25px;left:13%;width:65%;height:210px;transform:rotate(-12deg);box-shadow:0 12px 20px #0005;background:#172444}.connection-images>span+span{left:44%;top:55px;transform:rotate(12deg)}.connection-images img,.connection-images .type-art{height:100%;width:100%;object-fit:cover}.connection-images .type-art{font-size:9px;padding:12px}.connection-images .type-art strong{font-size:23px}.connection-label{align-self:center;padding:26px 35px 36px 20px}.connection-label small{font-size:12px;color:#ffffffb8}.connection-label h2{font-size:29px;line-height:1.1;letter-spacing:-.8px;margin:12px 0}.connection-arrow{position:absolute;bottom:15px;right:20px;font-size:24px}.connection-library-title{font-size:clamp(38px,5vw,70px);margin:65px 0 50px;letter-spacing:-2px}.connection-page .social-filter{margin-bottom:25px}.connection-page .social-thread .social-remix{margin-top:10px}.connection-page .social-demo-note{margin-top:32px} @media(min-width:1500px){.connection-stage{min-height:660px}.connection-orbit{height:400px}.connection-piece{height:290px}.connection-line{height:410px}} @media(max-width:900px){.connection-stage{grid-template-columns:.9fr 1.1fr;min-height:500px}.connection-manifesto h1{font-size:70px}.connection-orbit{height:300px}.connection-piece{height:190px}.connection-caption{padding:0 2%}.connection-caption h2{font-size:25px}.connection-caption>div{gap:14px}.connection-switch{gap:6px}.connection-switch a{font-size:12px;gap:8px;padding:10px 13px}.connection-label h2{font-size:24px}.connection-grid{gap:16px}} @media(max-width:600px){.connection-account{gap:22px}.connection-page .social-topline{align-items:center}.connection-page .social-topline .text-button{max-width:none;font-size:12px}.connection-stage{grid-template-columns:1fr;margin-top:16px;margin-bottom:38px;gap:18px}.connection-manifesto{padding:16px 0 0}.connection-manifesto h1{font-size:70px;margin:20px 0}.connection-manifesto p{font-size:15px;margin-bottom:23px}.connection-manifesto>.eyebrow{font-size:9px}.connection-orbit{height:285px}.connection-piece{height:195px;top:48px}.connection-piece.piece-1{top:18px}.connection-piece.piece-2{top:69px}.connection-line{height:290px}.connection-spark{font-size:43px;top:10px}.connection-caption{padding:0}.connection-caption h2{font-size:28px}.connection-caption>div{justify-content:space-between;gap:10px}.connection-caption .button{padding:13px 23px}.connection-caption .text-button{font-size:12px}.connection-grid{grid-template-columns:1fr}.connection-card{min-height:210px}.connection-label h2{font-size:27px}.connection-library-title{margin:35px 0}.connection-page .social-filter nav{gap:22px}.connection-page .social-filter a{font-size:13px}} @media(prefers-reduced-motion:reduce){.connection-piece,.connection-card,.connection-switch a{transition:none}.connection-card:hover{transform:none}} .connection-piece>span svg{width:19px;height:19px} .resonance-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.resonance-actions button{position:relative;border:1px solid #ffffff25;border-radius:24px;background:transparent;color:#d8ddeb;padding:12px 16px;cursor:pointer;font:inherit;font-size:14px}.resonance-actions button>span{font-size:22px;margin-right:6px;color:#eeeb60}.resonance-actions button[aria-pressed=true]{background:#eeeb60;color:#0a1128;border-color:#eeeb60}.resonance-actions button[aria-pressed=true]>span{color:inherit}.resonance-wave:after{content:'';position:absolute;inset:0;border:2px solid #eeeb60;border-radius:inherit;animation:resonance-wave .7s ease-out forwards;pointer-events:none}@keyframes resonance-wave{to{transform:scale(1.4);opacity:0}}.resonance-panel h2{font-size:52px;line-height:1.03;letter-spacing:-2px;margin:20px 0}.resonance-panel h2 em{font-family:Georgia,serif;font-weight:400;color:#b9a8ee}.resonance-bridges{display:grid;gap:20px}.resonance-bridge{padding:20px;background:#141e38;border-radius:15px}.resonance-pair{display:flex;align-items:center;justify-content:center;gap:15px}.resonance-pair>a{display:block;width:115px;height:145px;border-radius:6px;overflow:hidden;background:#1a2947}.resonance-pair img,.resonance-pair .type-art{width:100%;height:100%;object-fit:cover}.resonance-pair .type-art{padding:10px;font-size:8px}.resonance-pair .type-art strong{font-size:22px}.resonance-pair>span{color:#b9a8ee}.resonance-bridge>p{font-size:16px;line-height:1.5;color:#c5cede;margin:18px 0}.resonance-bridge>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.resonance-bridge small,.resonance-local{color:#94a2bb;font-size:12px}.resonance-local{display:block;margin-top:20px}.resonance-echoes{border-top:1px solid #ffffff25;margin-top:25px;padding-top:20px}.resonance-echoes summary{cursor:pointer;color:#d7ddec}.resonance-echoes summary span{color:#b6a2ec;margin-left:10px}.resonance-echoes blockquote{margin:20px 0;padding-left:20px;border-left:2px solid #9b88dc}.resonance-echoes blockquote p{font-family:Georgia,serif;font-size:21px;line-height:1.4}.resonance-echoes cite{font:12px Arial;color:#aab7cd}.resonance-empty{color:#aab7cd;font-size:15px}.resonance-editor{padding:40px;max-width:850px;margin:auto}.resonance-editor h2{font-size:45px;letter-spacing:-1.5px;margin:16px 0}.resonance-context{color:#aab7cd}.echo-prompts{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.echo-prompts button{background:#1a2947;border:0;border-radius:20px;color:#c6b3ff;padding:10px 14px;cursor:pointer}.resonance-editor textarea,.resonance-editor input:not([type=radio]),.resonance-source select{box-sizing:border-box;width:100%;background:#101c33;border:1px solid #ffffff25;border-radius:10px;color:white;padding:14px;font:inherit;margin:10px 0 20px}.resonance-editor textarea{resize:vertical}.resonance-editor form>small{display:block;color:#96a5be;margin-top:15px}.resonance-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-height:320px;overflow:auto;margin-bottom:18px}.resonance-picker label{position:relative;cursor:pointer;border:2px solid transparent;padding:6px;border-radius:10px}.resonance-picker label:has(input:checked){border-color:#eeeb60;background:#1d2941}.resonance-picker label[hidden]{display:none}.resonance-picker input{position:absolute;top:14px;right:14px;accent-color:#eeeb60;width:18px;height:18px}.resonance-picker label>span{display:block;height:140px;overflow:hidden;background:#1b2845}.resonance-picker img,.resonance-picker .type-art{width:100%;height:100%;object-fit:cover}.resonance-picker .type-art{padding:8px;font-size:8px}.resonance-picker .type-art strong{font-size:22px}.resonance-picker label>strong{display:block;font-size:12px;line-height:1.3;margin-top:8px}.resonance-editor [role=status]{color:#eeeb60}.resonance-source{font-size:13px;color:#aab7cd} @media(max-width:600px){.resonance-panel h2{font-size:42px}.resonance-actions{gap:6px}.resonance-actions button{padding:10px;font-size:12px}.resonance-actions button>span{font-size:18px}.resonance-editor{padding:25px 18px}.resonance-editor h2{font-size:34px}.resonance-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.resonance-panel{padding-top:25px;border-top:1px solid #ffffff25}} @media(prefers-reduced-motion:reduce){.resonance-wave:after{animation:none}} .resonance-search-status{font-size:12px;color:#aebbd0;line-height:1.5}.resonance-picker label>small{display:block;font-size:10px;color:#acb9cd;margin-top:5px} .echo-gallery summary{display:flex;align-items:center;gap:12px;list-style:none;padding:7px 0}.echo-gallery summary:before{content:'＋';color:#c2b0fa;font-size:22px}.echo-gallery[open] summary:before{content:'−'}.echo-gallery summary::-webkit-details-marker{display:none}.echo-gallery summary .echo-heading{font-size:22px;color:#eff0f4;margin:0;letter-spacing:-.6px}.echo-gallery summary .echo-total{border:1px solid #ffffff30;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-size:12px;margin:0}.echo-gallery-intro{display:flex;justify-content:space-between;align-items:center;margin:20px 0 0;gap:12px}.echo-gallery-intro p{font-size:14px;color:#b5c0d4;margin:0}.echo-gallery-intro button{font-size:13px}.echo-order-note{font-size:11px;color:#92a2bd;margin:10px 0 20px}.echo-wall{display:grid;gap:16px}.echo-tile{position:relative;background:#17213c;border-radius:4px 24px 24px 24px;padding:24px;overflow:hidden}.echo-tile.echo-leading{background:#c8b6f1;color:#13162e}.echo-tile-top{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.12em;opacity:.8}.echo-rank{font:24px Georgia,serif;letter-spacing:-1px}.echo-symbol{margin-left:auto;font-size:33px;line-height:1}.echo-gallery .echo-tile blockquote{border:0;padding:0;margin:19px 0 25px;font:clamp(20px,2vw,28px)/1.3 Georgia,serif;letter-spacing:-.4px;overflow-wrap:anywhere}.echo-signature{display:flex;align-items:center;gap:9px;font-size:12px}.echo-signature .social-avatar{flex-basis:28px;height:28px;font-size:16px;background:#ffffff20;color:inherit}.echo-signature small{display:block;font-size:10px;opacity:.65;margin-top:2px}.echo-reactions{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px;padding-top:16px;border-top:1px solid #ffffff20}.echo-leading .echo-reactions{border-color:#13162e25}.echo-reactions button{display:flex;align-items:center;gap:7px;font-size:12px;font-family:inherit;background:transparent;border:1px solid #ffffff30;border-radius:22px;padding:10px 13px;color:inherit;cursor:pointer}.echo-leading .echo-reactions button{border-color:#13162e35}.echo-reactions button>span{font-size:18px}.echo-reactions button b{font-weight:400;opacity:.75}.echo-reactions button[aria-pressed=true]{background:#eeeb60;color:#10182c;border-color:#eeeb60}.echo-leading .echo-reactions button[aria-pressed=true]{background:#141d37;color:#eeeb60;border-color:#141d37}.echo-vote-status{display:block;font-size:11px;color:#9eacc4;margin-top:10px;min-height:15px} @media(max-width:600px){.echo-tile{padding:20px}.echo-reactions{gap:7px}.echo-reactions button{font-size:11px;padding:10px}.echo-gallery summary .echo-heading{font-size:21px}} /* Community detail: one reading direction, route first, participation second. */ .social-thread-layout{display:block!important}.social-thread-layout>.resonance-panel{margin-top:48px}.social-thread-layout>div:first-child .social-card{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.3fr);column-gap:44px;padding:28px;border:1px solid #ffffff15;border-radius:24px;background:linear-gradient(120deg,#1b2450,#10182e);align-items:start}.social-thread-layout .social-card .social-covers{grid-column:1;grid-row:1/6;height:280px;margin:0}.social-thread-layout .social-card .social-person,.social-thread-layout .social-card h1,.social-thread-layout .social-card .social-note,.social-thread-layout .social-card .social-actions,.social-thread-layout .social-card .social-remix{grid-column:2}.social-thread-layout .social-card h1{font-size:clamp(28px,3vw,44px);line-height:1.1;margin:16px 0 12px}.social-thread-layout .social-card .social-note{margin:0;max-width:600px}.social-thread-layout .social-card .social-actions{margin:20px 0 0}.social-thread-layout .social-card .social-remix{margin-top:16px;padding-top:14px;justify-content:flex-start;gap:24px}.resonance-header{display:flex;align-items:center;justify-content:space-between;gap:24px}.resonance-header h2{font-size:clamp(32px,4vw,48px);margin:12px 0;letter-spacing:-1.5px}.resonance-header h2 em{white-space:nowrap}.resonance-header .resonance-actions{margin:0}.resonance-actions button{min-height:48px}.resonance-connection-heading{margin:28px 0 16px}.resonance-connection-heading h3,.echo-section-heading h3{font-size:23px;letter-spacing:-.5px;margin:0}.resonance-connection-heading p,.echo-section-heading p{color:#aab7cd;font-size:14px;margin:8px 0}.resonance-bridges{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.resonance-bridge{display:grid;grid-template-columns:180px 1fr;column-gap:20px;align-items:center;padding:20px;border:1px solid #ffffff0b}.resonance-bridge .resonance-pair{grid-row:1/3;gap:7px}.resonance-pair>a{width:70px;height:100px}.resonance-bridge>p{font-size:16px;margin:0 0 12px}.resonance-bridge>div:last-child{flex-wrap:wrap}.echo-gallery{margin-top:36px;padding-top:28px}.echo-section-heading{display:flex;align-items:baseline;gap:20px}.echo-section-heading h3 span{font-size:14px;color:#b9a8ee;margin-left:7px}.echo-order-note{margin:4px 0 20px}.echo-wall{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.echo-tile{padding:26px;display:flex;flex-direction:column;border-radius:4px 22px 22px 22px}.echo-gallery .echo-tile blockquote{font-size:clamp(22px,2vw,28px);line-height:1.4;flex:1;margin:20px 0 24px}.echo-tile-top{font-size:10px}.echo-rank{display:none}.echo-reactions button{font-size:14px;min-height:44px}.echo-signature{font-size:13px}.echo-vote-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} @media(max-width:850px){.resonance-header{align-items:flex-start;flex-direction:column;gap:8px}.resonance-bridges{grid-template-columns:1fr}.social-thread-layout>div:first-child .social-card{column-gap:24px;padding:22px;grid-template-columns:minmax(180px,.8fr) minmax(0,1fr)}.social-thread-layout .social-card .social-covers{height:260px}.echo-reactions{gap:6px}.echo-reactions button{font-size:12px;padding:10px}} @media(max-width:600px){.social-thread-layout>div:first-child .social-card{display:flex;flex-direction:column;padding:18px;gap:14px}.social-thread-layout .social-card .social-covers{width:100%;height:220px;order:-1}.social-thread-layout .social-card h1{margin:0}.social-thread-layout .social-card .social-actions,.social-thread-layout .social-card .social-remix{margin:0;width:100%}.social-thread-layout>.resonance-panel{margin-top:30px;padding-top:24px}.resonance-header .resonance-actions{gap:6px}.resonance-actions button{font-size:12px;padding:10px}.resonance-bridge{grid-template-columns:125px 1fr;padding:16px;column-gap:14px}.resonance-pair>a{width:48px;height:76px}.resonance-pair>span{font-size:10px}.resonance-bridge>p{font-size:14px}.echo-wall{grid-template-columns:1fr}.echo-section-heading{display:block}.echo-tile{padding:22px}.echo-reactions button{font-size:13px}.resonance-connection-heading h3{font-size:21px}} .resonance-header,.echo-section-heading{position:static;min-height:0;padding:0;background:none;border:0;backdrop-filter:none}.resonance-pair>span{white-space:nowrap;font-size:14px}.resonance-pair>a{flex-shrink:0} .resonance-header,.echo-section-heading{height:auto;z-index:auto}.resonance-pair{display:grid;grid-template-columns:70px 20px 70px;gap:8px}.resonance-pair>span{text-align:center}@media(max-width:600px){.resonance-pair{grid-template-columns:48px 15px 48px;gap:5px}} /* Compact connections and a touch-friendly horizontal echo rail. */ .resonance-bridge{padding:16px;column-gap:16px;grid-template-columns:156px 1fr}.resonance-bridge .resonance-pair{grid-template-columns:60px 16px 60px;gap:6px}.resonance-bridge .resonance-pair>a{width:60px;height:86px}.resonance-bridge>p{font-size:15px;margin-bottom:8px}.resonance-bridge .bridge-votes{grid-column:1/-1;justify-content:flex-start;margin-top:14px;padding-top:12px;gap:8px}.bridge-votes button{font-size:12px;min-height:38px;padding:7px 12px}.echo-section-heading{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.echo-arrows{display:flex;gap:8px;margin-left:auto}.echo-arrows button{width:40px;height:40px;border:1px solid #ffffff30;border-radius:50%;background:#17213c;color:#eeeb60;font-size:20px}.echo-wall{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:2px;padding:2px 2px 12px;scrollbar-width:thin;scrollbar-color:#9588c4 #10182e}.echo-wall .echo-tile{flex:0 0 350px;max-width:88%;padding:20px;scroll-snap-align:start;border-radius:4px 20px 20px 20px}.echo-gallery .echo-tile blockquote{font-size:21px;line-height:1.35;margin:14px 0 18px;max-height:142px;overflow-y:auto}.echo-tile-top{font-size:9px}.echo-symbol{font-size:24px}.echo-reactions{margin-top:16px;padding-top:12px}.echo-reactions button{font-size:12px;padding:8px 10px;min-height:40px}.echo-gallery{margin-top:28px;padding-top:22px}.echo-order-note{margin:6px 0 14px}@media(max-width:600px){.resonance-bridge{grid-template-columns:125px 1fr}.resonance-bridge .resonance-pair{grid-template-columns:48px 15px 48px;gap:5px}.resonance-bridge .resonance-pair>a{width:48px;height:76px}.echo-wall .echo-tile{flex-basis:300px;padding:18px}.echo-section-heading>p{display:none}.echo-gallery .echo-tile blockquote{font-size:20px}.bridge-votes button{font-size:12px}} .resonance-bridge>div:nth-child(3){display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.resonance-bridge>div.bridge-votes:last-child{justify-content:flex-start} .social-thread-layout .social-card .route-resonance-actions{grid-column:2;margin:14px 0 0}.route-resonance-actions .resonance-actions{margin:0;gap:8px}.route-resonance-actions .resonance-actions button{font-size:13px;padding:9px 13px;min-height:44px}.social-thread-layout .social-card .social-covers{grid-row:1/7;align-self:center}.social-thread-layout .social-card .social-actions{margin-top:20px}.social-thread-layout .social-card .social-remix{margin-top:12px}.social-thread-layout>.resonance-panel{margin-top:32px}@media(max-width:600px){.social-thread-layout .social-card .route-resonance-actions{margin:0;width:100%}.route-resonance-actions .resonance-actions{gap:6px}.route-resonance-actions .resonance-actions button{font-size:12px;padding:8px 10px}.social-thread-layout .social-card .social-actions{margin-top:4px}} .resonance-connection-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.resonance-connection-heading .echo-arrows{flex-shrink:0}.resonance-bridges{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:2px;padding:2px 2px 12px;scrollbar-width:thin;scrollbar-color:#9588c4 #10182e}.resonance-bridges>.resonance-bridge{flex:0 0 min(520px,85%);scroll-snap-align:start;min-width:0}.resonance-bridge>p{overflow-wrap:anywhere}.resonance-bridges>.resonance-empty{margin:0}@media(max-width:600px){.resonance-connection-heading{gap:12px;align-items:flex-start}.resonance-connection-heading h3{font-size:20px}.resonance-connection-heading p{font-size:13px}.resonance-bridges>.resonance-bridge{flex-basis:90%;grid-template-columns:112px minmax(0,1fr);column-gap:12px}.resonance-bridge>div:nth-child(3){font-size:12px}.resonance-bridge .text-button{font-size:12px}} .route-search-slot:empty{display:none}.route-search-slot{margin:24px 0;background:#101b32;border:1px solid #ffffff20;border-radius:18px;padding:20px}.route-search-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.route-search-heading h3{margin:0;font-size:22px}.route-search-slot input[type=search]{width:100%;box-sizing:border-box;background:#080f25;color:#fff;border:1px solid #ffffff30;border-radius:12px;padding:14px;margin-top:18px;font:inherit}.route-search-slot .resonance-picker{max-height:360px;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.route-search-card{min-width:0;display:flex;flex-direction:column;gap:8px}.route-search-card>span{height:135px;overflow:hidden;border-radius:8px;background:#192747}.route-search-card>strong{font-size:13px;line-height:1.35}.route-search-card>small{font-size:10px;color:#aab7cd}.route-search-card>button{margin-top:auto;padding:9px;border-radius:18px;background:#eeeb60;color:#11192e;font-size:12px}.route-search-card>button:disabled{background:#25314b;color:#bdc7dc}.route-search-slot .type-art{padding:8px;font-size:9px}.route-search-slot .type-art strong{font-size:20px}@media(max-width:600px){.route-search-slot{padding:14px}.route-search-slot .resonance-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.route-search-heading h3{font-size:18px}} .route-editorial-label{display:block;font-size:14px;color:#c7b9ef;margin:20px 0 8px}.social-builder #route-description{display:block;width:100%;box-sizing:border-box;resize:vertical;min-height:120px;max-height:300px;background:#101b32;color:#f5f5f7;border:1px solid #ffffff30;border-radius:12px;padding:14px;font:inherit;line-height:1.5}.route-requirements{font-size:13px;color:#eeeb60;margin:18px 0}.route-about p,.route-intro-copy>p,.social-note{white-space:pre-line}.route-about p{max-width:800px;line-height:1.7} .station-duration{display:block;font-size:13px;color:#c8b9ef;margin-top:5px;line-height:1.4}.route-intro-copy>.route-duration{font-size:14px;color:#eeeb60;margin:14px 0;line-height:1.5} .home-second-feature .next-route{margin:28px 0 0}.home-route-rail,.home-personal-rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 18px;scrollbar-width:thin;scrollbar-color:#9588c4 #10182e}.compact-route-card{display:block;flex:0 0 300px;min-width:0;scroll-snap-align:start}.compact-route-art{height:210px;display:flex;gap:0;align-items:center;justify-content:center;background:linear-gradient(140deg,#303fec,#1a2449);border-radius:14px;overflow:hidden;position:relative;padding:20px}.compact-route-art>span{width:35%;height:160px;display:block;overflow:hidden;border-radius:5px;box-shadow:0 6px 20px #0005;transform:rotate(-9deg)}.compact-route-art>span:nth-child(2){transform:translateY(-7px);z-index:1}.compact-route-art>span:nth-child(3){transform:rotate(9deg)}.compact-route-art img,.compact-route-art .typographic-cover{width:100%;height:100%;object-fit:cover}.compact-route-art .typographic-cover{font-size:8px;padding:10px}.compact-route-art .typographic-cover strong{font-size:22px}.compact-route-art b{position:absolute;bottom:10px;left:12px;background:#070435dd;border-radius:14px;padding:5px 10px;font-size:11px;z-index:2}.compact-route-card h3{font-size:21px;line-height:1.2;margin:14px 0 7px}.compact-route-card>p{font-size:11px;color:#b9c4d9;margin:0;letter-spacing:.06em}.home-route-rail>.compact-route-card:nth-child(3n+2) .compact-route-art{background:linear-gradient(135deg,#7968ad,#202b48)}.home-route-rail>.compact-route-card:nth-child(3n) .compact-route-art{background:linear-gradient(135deg,#63632e,#15203c)}.home-personal-rail>.media-card{flex:0 0 240px;scroll-snap-align:start}.home-personal-rail .thumb{height:210px;aspect-ratio:auto}.home-personal-rail .compact-route-card{flex-basis:280px}.home-personal .section-head p{font-size:14px;color:#aab7cd}@media(max-width:600px){.compact-route-card{flex-basis:260px}.compact-route-art{height:190px}.home-route-rail,.home-personal-rail{gap:14px}.home-personal-rail .compact-route-card{flex-basis:260px}.home-personal-rail>.media-card{flex-basis:215px}.home-personal-rail .thumb{height:190px}} /* Personal suggestions have a quieter, consistent hierarchy on every surface. */ .suggestions-section{border-top:1px solid #ffffff16;padding-top:26px;margin-top:34px}.suggestions-section .section-head{margin-bottom:18px;align-items:center}.suggestions-section .section-head h2{font-size:23px;letter-spacing:-.4px;color:#c5cddd;font-weight:500}.suggestions-section .section-head p{font-size:12px;margin:6px 0 0;color:#9caac3}.suggestions-section .section-head>a{font-size:12px;color:#b6c0d2}.suggestions-rail{display:flex;gap:16px;overflow-x:auto;padding:2px 2px 14px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#6d7890 #10182e}.suggested-card{display:flex;align-items:center;gap:14px;flex:0 0 310px;min-width:0;padding:12px;border-radius:12px;background:#ffffff04;border:1px solid #ffffff12;scroll-snap-align:start}.suggested-card:hover{background:#ffffff09;border-color:#ffffff35}.suggested-thumb{width:72px;height:88px;flex:0 0 72px;overflow:hidden;border-radius:6px;background:#17213a}.suggested-thumb img,.suggested-thumb .typographic-cover{width:100%;height:100%;object-fit:cover}.suggested-thumb .typographic-cover{padding:7px;font-size:6px}.suggested-thumb .typographic-cover strong{font-size:15px}.suggested-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.suggested-copy>small{font-size:10px;color:#9caac3;line-height:1.4}.suggested-copy>strong{font-size:15px;line-height:1.3;font-weight:500;color:#e1e5ee}.suggested-copy>span{font-size:11px;color:#aebad0}.personal-heading{padding:38px 0 0;max-width:620px}.personal-heading h1{font-size:32px;font-weight:500;letter-spacing:-.8px;margin:0 0 10px}.personal-heading p{font-size:14px;color:#aebad0}.personal-heading button{font-size:12px}.personal-page{padding-bottom:50px}.suggestions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.suggestions-grid .suggested-card{min-width:0}@media(max-width:900px){.suggestions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.suggestions-section .section-head h2{font-size:20px}.suggested-card{flex-basis:280px;padding:10px;gap:12px}.suggested-thumb{width:60px;flex-basis:60px;height:78px}.suggested-copy>strong{font-size:14px}.suggestions-grid{grid-template-columns:1fr}.personal-heading h1{font-size:28px}} /* One editorial stage, browsed in place. */ .featured-slide[hidden]{display:none!important}.featured-carousel{background:var(--bg)}.featured-controls{display:flex;align-items:center;gap:24px;padding:12px 4%;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px}.featured-dots{display:flex;align-items:center;gap:6px}.featured-dots button{background:none;width:34px;height:36px;padding:12px 4px}.featured-dots button span{display:block;height:3px;border-radius:4px;background:#667089}.featured-dots button[aria-pressed=true] span{background:var(--gold)}.featured-arrows{margin-left:auto;display:flex;align-items:center;gap:18px}.featured-arrows button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:26px;color:var(--ink)}.featured-arrows button:hover{background:#ffffff18}.featured-arrows>span{font-variant-numeric:tabular-nums;font-size:14px}.featured-slide .editorial-stage{height:620px;min-height:0}.featured-slide .stage-image{height:100%;min-height:0}.featured-slide .stage-copy{min-width:0}.alternate-stage .stage-copy h1{font-size:clamp(48px,5.7vw,92px);letter-spacing:-.055em}.alternate-stage .stage-bottom p{max-width:240px;text-transform:none}.stage-collage{display:flex;align-items:center;justify-content:center;padding:9%;overflow:hidden;background:#2f2981}.stage-collage>span{width:37%;height:70%;max-height:390px;flex-shrink:0;overflow:hidden;border-radius:6px;box-shadow:0 15px 40px #0004;transform:rotate(-10deg)}.stage-collage>span:nth-child(2){z-index:1;transform:translateY(-20px)}.stage-collage>span:nth-child(3){transform:rotate(10deg)}.stage-collage img,.stage-collage .typographic-cover{height:100%;width:100%;object-fit:cover}.stage-collage .typographic-cover{padding:25px 14px}.stage-collage .typographic-cover strong{font-size:30px} /* Suggestions use the same cover/title rhythm at a quieter scale. */ .suggestions-section{border:0;padding-top:0;margin-top:48px}.suggestions-section .section-head h2{font-size:28px;color:var(--ink)}.suggestions-section .section-head p,.suggestions-section .section-head>a{font-size:14px}.suggestions-rail{gap:22px;padding:4px 0 18px}.suggested-card{display:block;flex:0 0 230px;padding:0;border:0;border-radius:0;background:none}.suggested-card:hover{background:none;border:0}.suggested-thumb{display:block;width:100%;height:156px;position:relative;border-radius:12px;background:#182340;overflow:hidden}.suggested-thumb>img{object-fit:contain;padding:10px}.suggested-thumb>.typographic-cover{padding:16px 20px}.suggested-thumb .typographic-cover strong{font-size:24px}.suggested-thumb b{position:absolute;bottom:10px;left:10px;font-size:12px;font-weight:500;background:#070435e8;color:var(--ink);border-radius:20px;padding:5px 9px}.suggested-copy{gap:6px;margin-top:12px}.suggested-copy>strong{font-size:17px;font-weight:600;line-height:1.3}.suggested-copy>small{font-size:12px;color:var(--muted)}.suggested-route-art{display:flex;align-items:center;justify-content:center;padding:14px 20px}.suggested-route-art>span{display:block;width:35%;height:125px;overflow:hidden;transform:rotate(-8deg);border-radius:3px}.suggested-route-art>span:nth-child(2){transform:translateY(-5px);z-index:1}.suggested-route-art>span:nth-child(3){transform:rotate(8deg)}.suggested-route-art img{object-fit:cover}.suggested-route-art .typographic-cover{padding:7px}.suggested-route-art .typographic-cover strong{font-size:16px}.suggestions-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.suggestions-grid .suggested-thumb{height:180px} @media(max-width:900px){.featured-slide .editorial-stage{height:560px}.suggestions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stage-collage .typographic-cover strong{font-size:22px}} @media(max-width:750px){.featured-slide .editorial-stage{height:auto;min-height:650px}.featured-slide .stage-copy{height:390px;box-sizing:border-box}.featured-slide .stage-copy h1,.alternate-stage .stage-copy h1{font-size:clamp(44px,11vw,68px);margin:18px 0}.featured-slide .stage-image,.stage-collage{height:280px;min-height:280px;box-sizing:border-box}.stage-collage{padding:24px 15%}.stage-collage>span{height:210px}.featured-controls{gap:10px;padding:9px 5%}.featured-controls>span{font-size:12px;max-width:70px}.featured-arrows{gap:10px}.featured-dots{gap:2px}.featured-dots button{width:26px}.suggested-card{flex-basis:210px}.suggestions-rail{gap:16px}.suggestions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.suggestions-section .section-head h2{font-size:25px}.suggested-thumb{height:145px}.suggested-copy>strong{font-size:16px}} .suggested-thumb b{z-index:2} /* Preserve the original editorial identity throughout the carousel. */ .featured-slide .stage-image.stage-poster img{object-fit:contain;padding:36px 40px 72px;box-sizing:border-box}.featured-slide .stage-copy h1{font-size:clamp(48px,6.1vw,100px)} @media(max-width:750px){.featured-slide .stage-copy{height:440px}.featured-slide .stage-copy h1{font-size:clamp(44px,11vw,68px)}.featured-slide .stage-image.stage-poster img{padding:15px 25px 45px}} .compact-route-card>.route-duration,.suggested-copy>.route-duration,.suggested-copy>.station-duration,.route-tile>.route-duration{display:block;font-size:12px;font-weight:400;line-height:1.45;letter-spacing:0;text-transform:none;color:var(--muted);margin:5px 0 8px}.suggested-copy>.route-duration,.suggested-copy>.station-duration{margin:0}.compact-route-card>.route-duration:before,.suggested-copy>.route-duration:before,.suggested-copy>.station-duration:before{content:'◷';margin-right:6px} /* Slides travel horizontally inside a fixed banner viewport. */ .featured-slides{display:grid;isolation:isolate;overflow:hidden}.featured-slide{grid-area:1 / 1;min-width:0;visibility:hidden;pointer-events:none;z-index:0}.featured-slide.is-active{visibility:visible;pointer-events:auto;z-index:1}.featured-slide.is-leaving{visibility:visible;z-index:1;pointer-events:none}.featured-slide .editorial-stage{height:100%;min-height:620px}.featured-slides{min-height:620px} @media(max-width:900px) and (min-width:751px){.featured-slides,.featured-slide .editorial-stage{min-height:560px}} @media(max-width:750px){.featured-slides,.featured-slide .editorial-stage{min-height:720px}} @media(prefers-reduced-motion:reduce){.featured-slide{transition:none}} /* Routes: three editorial starting points, with the site's cover language. */ .routes-manifesto{background:var(--gold);color:var(--bg);display:grid;grid-template-columns:1.4fr 1fr;gap:40px;padding:44px max(4%,calc((100vw - 1656px)/2));align-items:center}.routes-manifesto .eyebrow{color:var(--bg);font-size:12px}.routes-manifesto h1{font-size:clamp(48px,5.7vw,86px);line-height:1.02;letter-spacing:-.055em;margin:20px 0 8px;font-weight:750}.routes-manifesto h1 em{font-family:Georgia,serif;font-weight:400}.routes-manifesto-aside{justify-self:end;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px 24px;max-width:430px}.routes-mark{grid-row:1/3;font-size:100px;color:#2f2981;line-height:1}.routes-manifesto-aside p{font-size:18px;line-height:1.45;margin:0}.routes-count{font-size:13px}.routes-entry-nav{display:grid;grid-template-columns:repeat(3,1fr);padding:0 4%;border-bottom:1px solid var(--line)}.routes-entry-nav a{display:flex;align-items:center;gap:18px;padding:24px;font-size:19px;border-right:1px solid var(--line)}.routes-entry-nav a:first-child{padding-left:0}.routes-entry-nav a:last-child{border:0}.routes-entry-nav a span{color:var(--gold);font-size:13px}.routes-entry-nav a b{margin-left:auto;font-weight:400;color:#bfa9ed}.routes-entry-nav a:hover{color:var(--gold)}.routes-collections{padding-bottom:40px}.route-collection{padding:44px 0 24px;scroll-margin-top:105px}.route-collection+.route-collection{border-top:1px solid #ffffff18}.route-collection-heading{display:flex;gap:18px;align-items:start;margin-bottom:22px}.collection-number{font-size:14px;color:#bda9ea;padding-top:8px}.route-collection-heading h2{font-size:clamp(28px,3vw,39px);font-weight:500;letter-spacing:-1px;margin:0}.route-collection-heading p{font-size:14px;color:var(--muted);margin:9px 0 0}.route-collection-controls{margin-left:auto;display:flex;gap:8px;align-self:center}.route-collection-controls button{height:38px;width:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:25px;background:transparent;color:var(--ink)}.route-collection-controls button:hover{background:#ffffff12}.route-collection-rail{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#73668e transparent;padding:3px 0 18px}.route-discovery-card{flex:0 0 calc((100% - 48px)/3);min-width:0;scroll-snap-align:start}.route-discovery-card .compact-route-art{height:235px}.route-discovery-card .compact-route-art>span{height:185px}.route-discovery-card:nth-child(3n+2) .compact-route-art{background:linear-gradient(135deg,#7968ad,#202b48)}.route-discovery-card:nth-child(3n) .compact-route-art{background:linear-gradient(135deg,#63632e,#15203c)}.route-discovery-card .compact-route-card h3{font-size:23px;margin-top:16px}.route-discovery-card .route-progress{margin-top:14px}.route-discovery-card .route-progress small{font-size:12px}.route-discovery-card .compact-route-card>p:not(.route-duration){font-size:12px}.route-discovery-card .compact-route-card>.route-duration{font-size:13px}.route-discovery-card a:hover h3{color:var(--gold)} @media(max-width:900px){.routes-manifesto{grid-template-columns:1.2fr 1fr;padding:35px 4%}.routes-mark{font-size:60px}.routes-manifesto-aside{gap:14px}.routes-manifesto-aside p{font-size:16px}.route-discovery-card{flex-basis:calc((100% - 24px)/2)}.routes-entry-nav a{font-size:16px;gap:12px;padding:20px 15px}} @media(max-width:600px){.routes-manifesto{display:block;padding:28px 5%}.routes-manifesto h1{font-size:48px}.routes-manifesto-aside{display:block;margin-top:22px}.routes-mark{display:none}.routes-manifesto-aside p{font-size:15px;display:inline}.routes-count{display:block;margin-top:12px;font-size:12px}.routes-entry-nav{display:flex;overflow:auto;padding:0 5%}.routes-entry-nav a{flex-shrink:0;font-size:15px;padding:18px 16px;gap:10px}.routes-entry-nav a b{display:none}.route-collection{padding:30px 0 16px}.route-collection-heading{gap:10px}.route-collection-heading h2{font-size:28px}.route-collection-heading p{font-size:13px;line-height:1.4;max-width:230px}.route-collection-controls{gap:5px}.route-collection-controls button{width:32px;height:32px}.route-collection-rail{gap:16px}.route-discovery-card{flex-basis:82%}.route-discovery-card .compact-route-art{height:210px}.route-discovery-card .compact-route-art>span{height:160px}.route-discovery-card .compact-route-card h3{font-size:21px}} /* A personal invitation, quieter than the main editorial highlights. */ .personal-welcome{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center;padding:40px max(4%,calc((100vw - 1656px)/2));background:linear-gradient(110deg,#1c254a,#111b35);border-bottom:1px solid var(--line)}.personal-welcome .eyebrow{color:#c4b2f0;font-size:12px}.personal-welcome h1{font-size:clamp(38px,4.5vw,64px);line-height:1.06;letter-spacing:-.045em;margin:18px 0;font-weight:650}.personal-welcome h1 em{font-family:Georgia,serif;color:#c4b2f0;font-weight:400}.personal-welcome-copy>p{font-size:16px;line-height:1.5;color:var(--muted);max-width:490px;margin:0 0 14px}.personal-welcome-copy>button{font-size:13px;color:#d4dbea;padding:0;text-decoration:underline;text-underline-offset:5px}.personal-next{display:flex;align-items:center;gap:22px;border-left:1px solid #ffffff26;padding-left:30px;min-width:0}.personal-next-image{display:block;flex:0 0 126px;height:176px;overflow:hidden;border-radius:8px;background:#243052}.personal-next-image img{width:100%;height:100%;object-fit:contain}.personal-next-image .typographic-cover{padding:17px 12px;height:100%;box-sizing:border-box}.personal-next-image .typographic-cover span{font-size:9px}.personal-next-image .typographic-cover strong{font-size:26px}.personal-next-copy{display:flex;flex-direction:column;gap:8px;min-width:0}.personal-next-copy>small{font-size:11px;letter-spacing:.08em;color:#c4b2f0}.personal-next-copy>strong{font-size:22px;line-height:1.25;max-width:290px}.personal-next-copy>span{font-size:12px;color:var(--muted)}.personal-next-copy>b{font-size:14px;color:var(--gold);margin-top:10px}.personal-next:hover .personal-next-copy>strong{color:var(--gold)}.personal-selections .section{margin:38px 0}.personal-selections .section-head h2{font-size:28px}.personal-selections .section-head p{font-size:14px}.personal-modes{display:flex;gap:8px}.personal-modes button{font-size:14px;padding:10px 16px;border-radius:24px;border:1px solid var(--line);color:var(--muted);background:transparent}.personal-modes button[aria-pressed=true]{background:#c4b2f0;color:var(--bg);border-color:#c4b2f0}.personal-empty{font-size:15px;color:var(--muted)} @media(max-width:950px){.personal-welcome{gap:25px}.personal-next{padding-left:22px;gap:14px}.personal-next-image{flex-basis:90px;height:135px}.personal-next-copy>strong{font-size:18px}.personal-next-image .typographic-cover strong{font-size:20px}} @media(max-width:650px){.personal-welcome{grid-template-columns:1fr;padding:28px 5%;gap:25px}.personal-welcome h1{font-size:42px}.personal-welcome-copy>p{font-size:15px}.personal-next{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.personal-next-image{height:110px;flex-basis:82px}.personal-next-copy>strong{font-size:19px;max-width:none}.personal-next-copy>b{margin-top:3px}.personal-piece-section .section-head{align-items:start;flex-direction:column;gap:18px}.personal-modes{width:100%}.personal-modes button{flex:1}.personal-selections .section-head h2{font-size:26px}}