@charset "UTF-8"; /** * Theme Name: Gospel Livre Portal * Description: Portal editorial oficial do Gospel Livre, com leitura confortável, navegação acessível e identidade visual própria. * Version: 6.0.10 * Author: Gospel Livre * Requires at least: 6.4 * Tested up to: 6.7 * Requires PHP: 8.0 * Text Domain: gospellivre-portal * License: GNU General Public License v2.0 or later * License URI: https://www.gnu.org/licenses/gpl-2.0.html */ :root{--gl-violet-50:#f4f1ff;--gl-violet-100:#e9e2ff;--gl-violet-300:#bbaaff;--gl-violet-500:#7657ff;--gl-violet-600:#5b3df5;--gl-violet-700:#4930c9;--gl-ink:#101828;--gl-ink-soft:#344054;--gl-muted:#667085;--gl-line:#e4e7ec;--gl-surface:#fff;--gl-canvas:#f7f8fc;--gl-warm:#fff9f1;--gl-gold:#d99a2b;--gl-success:#14866d;--gl-shadow-sm:0 1px 2px rgba(16,24,40,.05),0 3px 12px rgba(16,24,40,.04);--gl-shadow-lg:0 18px 50px rgba(37,26,94,.12);--gl-radius-sm:10px;--gl-radius:18px;--gl-radius-lg:28px;--gl-container:1180px;--gl-reading:760px;--gl-transition:180ms ease} *,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body.gospellivre-portal{margin:0;background:var(--gl-canvas);color:var(--gl-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body.admin-bar .gl-header{top:32px}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}::selection{background:var(--gl-violet-100);color:var(--gl-violet-700)} .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{top:10px;left:10px;z-index:999999;width:auto;height:auto;padding:12px 16px;clip:auto;border-radius:8px;background:var(--gl-ink);color:#fff}.gl-container{width:min(calc(100% - 40px),var(--gl-container));margin-inline:auto}.gl-main{min-height:65vh}.gl-icon{width:1.2em;height:1.2em;flex:0 0 auto}.gl-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--gl-violet-600);font-size:.75rem;font-weight:800;letter-spacing:.12em;line-height:1.2;text-transform:uppercase}.gl-eyebrow::before{content:"";width:18px;height:2px;border-radius:99px;background:currentColor}.gl-section{padding:72px 0}.gl-section--white{background:var(--gl-surface)}.gl-section__head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.gl-section__title{margin:0;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.15;letter-spacing:-.035em}.gl-section__intro{margin:8px 0 0;max-width:620px;color:var(--gl-muted)}.gl-text-link{display:inline-flex;align-items:center;gap:7px;color:var(--gl-violet-600);font-weight:750}.gl-text-link:hover{gap:11px;color:var(--gl-violet-700)}.gl-text-link,.gl-button,.gl-card,.gl-nav a{transition:var(--gl-transition)} .gl-topline{background:var(--gl-ink);color:rgba(255,255,255,.82);font-size:.79rem}.gl-topline__inner{display:flex;justify-content:space-between;align-items:center;min-height:34px}.gl-topline p{margin:0}.gl-topline a{color:#fff;font-weight:700}.gl-header{position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(228,231,236,.9);background:rgba(255,255,255,.94);box-shadow:0 1px 0 rgba(16,24,40,.02);backdrop-filter:blur(14px)}.gl-header__inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;min-height:78px}.gl-brand{display:inline-flex;align-items:center;gap:12px;min-width:max-content}.gl-brand__mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,var(--gl-violet-500),var(--gl-violet-700));color:#fff;box-shadow:0 8px 22px rgba(91,61,245,.22)}.gl-brand__mark .gl-icon{width:24px;height:24px}.gl-brand__copy{display:grid;line-height:1.05}.gl-brand__name{font-size:1.08rem;font-weight:850;letter-spacing:-.025em}.gl-brand__tagline{margin-top:5px;color:var(--gl-muted);font-size:.68rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.custom-logo{width:auto;max-width:220px;max-height:52px}.gl-nav{justify-self:center}.gl-nav__list,.gl-nav .menu{display:flex;align-items:center;gap:5px;margin:0;padding:0;list-style:none}.gl-nav li{position:relative;margin:0}.gl-nav a{display:flex;align-items:center;min-height:42px;padding:9px 13px;border-radius:9px;color:var(--gl-ink-soft);font-size:.91rem;font-weight:680}.gl-nav a:hover,.gl-nav .current-menu-item>a,.gl-nav .current-menu-ancestor>a{background:var(--gl-violet-50);color:var(--gl-violet-600)}.gl-nav .sub-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:230px;margin:0;padding:8px;border:1px solid var(--gl-line);border-radius:13px;background:#fff;box-shadow:var(--gl-shadow-lg);list-style:none;opacity:0;visibility:hidden;transform:translateY(5px);transition:var(--gl-transition)}.gl-nav li:hover>.sub-menu,.gl-nav li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}.gl-nav .sub-menu a{white-space:nowrap}.gl-header__actions{display:flex;align-items:center;gap:8px}.gl-icon-button{display:inline-grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--gl-line);border-radius:11px;background:#fff;cursor:pointer;transition:var(--gl-transition)}.gl-icon-button:hover{border-color:var(--gl-violet-300);color:var(--gl-violet-600);box-shadow:var(--gl-shadow-sm)}.gl-menu-toggle{display:none}.gl-search-panel{display:none;padding:0 0 18px}.gl-search-panel.is-open{display:block}.gl-search-form{position:relative;display:flex;gap:10px}.gl-search-form__field{width:100%;min-height:50px;padding:11px 52px 11px 16px;border:1px solid var(--gl-line);border-radius:12px;background:#fff;color:var(--gl-ink);outline:none}.gl-search-form__field:focus{border-color:var(--gl-violet-500);box-shadow:0 0 0 4px var(--gl-violet-100)}.gl-search-form__submit{position:absolute;right:5px;top:5px;border:0;background:transparent} .gl-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 18px;border:1px solid transparent;border-radius:11px;background:var(--gl-violet-600);color:#fff;font-weight:780;cursor:pointer;box-shadow:0 8px 20px rgba(91,61,245,.18)}.gl-button:hover{background:var(--gl-violet-700);transform:translateY(-1px);box-shadow:0 12px 25px rgba(91,61,245,.24)}.gl-button--ghost{border-color:var(--gl-line);background:#fff;color:var(--gl-ink);box-shadow:none}.gl-button--ghost:hover{border-color:var(--gl-violet-300);background:var(--gl-violet-50);color:var(--gl-violet-700)}.gl-chip-row{display:flex;flex-wrap:wrap;gap:9px}.gl-chip{display:inline-flex;padding:7px 12px;border:1px solid var(--gl-line);border-radius:999px;background:#fff;color:var(--gl-ink-soft);font-size:.82rem;font-weight:700}.gl-chip:hover{border-color:var(--gl-violet-300);background:var(--gl-violet-50);color:var(--gl-violet-700)}.gl-category{display:inline-flex;color:var(--gl-violet-600);font-size:.73rem;font-weight:830;letter-spacing:.08em;text-transform:uppercase}.gl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:13px;color:var(--gl-muted);font-size:.78rem}.gl-meta span{display:inline-flex;align-items:center;gap:5px} .gl-hero{position:relative;overflow:hidden;padding:58px 0 64px;background:var(--gl-surface)}.gl-hero::before{content:"";position:absolute;inset:0 auto auto 50%;width:760px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(118,87,255,.13),transparent 68%);transform:translate(-10%,-45%);pointer-events:none}.gl-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr);align-items:center;gap:58px}.gl-hero__content{padding:18px 0}.gl-hero__title{margin:0 0 18px;max-width:700px;font-size:clamp(2.35rem,5vw,4.2rem);line-height:1.02;letter-spacing:-.055em}.gl-hero__title a:hover{color:var(--gl-violet-600)}.gl-hero__excerpt{margin:0 0 24px;max-width:620px;color:var(--gl-muted);font-size:1.05rem;line-height:1.75}.gl-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:26px}.gl-hero__media{position:relative;min-height:460px;overflow:hidden;border-radius:var(--gl-radius-lg);background:linear-gradient(145deg,#301ca8,#7657ff);box-shadow:var(--gl-shadow-lg)}.gl-hero__media img{width:100%;height:100%;min-height:460px;object-fit:cover}.gl-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(16,24,40,.2),transparent 55%);pointer-events:none}.gl-hero__fallback{display:grid;place-items:center;min-height:460px;color:rgba(255,255,255,.93)}.gl-hero__fallback .gl-icon{width:88px;height:88px}.gl-categories-bar{padding:18px 0;border-top:1px solid var(--gl-line);border-bottom:1px solid var(--gl-line);background:#fff}.gl-categories-bar__inner{display:flex;align-items:center;gap:22px}.gl-categories-bar__label{flex:0 0 auto;color:var(--gl-muted);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase} .gl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.gl-card{overflow:hidden;border:1px solid var(--gl-line);border-radius:var(--gl-radius);background:#fff;box-shadow:var(--gl-shadow-sm)}.gl-card:hover{transform:translateY(-4px);border-color:var(--gl-violet-100);box-shadow:0 15px 35px rgba(16,24,40,.09)}.gl-card__media{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--gl-violet-50)}.gl-card__media img{width:100%;height:100%;object-fit:cover;transition:transform 450ms ease}.gl-card:hover .gl-card__media img{transform:scale(1.035)}.gl-card__placeholder{display:grid;place-items:center;width:100%;height:100%;color:var(--gl-violet-500);background:linear-gradient(145deg,var(--gl-violet-50),#fff7ed)}.gl-card__placeholder .gl-icon{width:46px;height:46px}.gl-card__body{padding:22px}.gl-card__title{margin:8px 0 10px;font-size:1.18rem;line-height:1.35;letter-spacing:-.025em}.gl-card__title a:hover{color:var(--gl-violet-600)}.gl-card__excerpt{margin:0 0 18px;color:var(--gl-muted);font-size:.91rem;line-height:1.65}.gl-feature-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.gl-feature-card{display:grid;grid-template-columns:210px 1fr;min-height:210px;overflow:hidden;border:1px solid var(--gl-line);border-radius:var(--gl-radius);background:#fff}.gl-feature-card__media{min-height:100%;background:var(--gl-violet-50)}.gl-feature-card__media img{width:100%;height:100%;object-fit:cover}.gl-feature-card__body{padding:24px}.gl-feature-card h3{margin:8px 0 12px;font-size:1.25rem;line-height:1.35} .gl-reflection{padding:70px 0;background:linear-gradient(135deg,#1e1649,#3d2a9a 58%,#5b3df5);color:#fff}.gl-reflection__inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:42px}.gl-reflection h2{margin:0 0 12px;max-width:720px;font-size:clamp(1.8rem,4vw,3rem);line-height:1.15;letter-spacing:-.04em}.gl-reflection p{margin:0;max-width:680px;color:rgba(255,255,255,.74)}.gl-reflection .gl-button{background:#fff;color:var(--gl-violet-700);box-shadow:none} .gl-page-head{padding:54px 0 34px;background:#fff;border-bottom:1px solid var(--gl-line)}.gl-page-head h1{margin:0;font-size:clamp(2rem,4vw,3.25rem);line-height:1.08;letter-spacing:-.045em}.gl-page-head p{margin:12px 0 0;max-width:680px;color:var(--gl-muted)}.gl-listing{padding:42px 0 80px}.gl-listing__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.nav-links{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:42px}.nav-links .page-numbers{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--gl-line);border-radius:10px;background:#fff;font-weight:700}.nav-links .current,.nav-links a:hover{border-color:var(--gl-violet-600);background:var(--gl-violet-600);color:#fff} .gl-article-head{padding:54px 0 36px;background:#fff}.gl-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 26px;color:var(--gl-muted);font-size:.79rem}.gl-breadcrumbs a:hover{color:var(--gl-violet-600)}.gl-breadcrumbs .gl-icon{width:14px;height:14px}.gl-article-head__inner{max-width:920px}.gl-article-title{margin:10px 0 18px;font-size:clamp(2.35rem,5vw,4.35rem);line-height:1.03;letter-spacing:-.055em}.gl-article-lead{margin:0 0 24px;max-width:800px;color:var(--gl-muted);font-size:1.14rem;line-height:1.7}.gl-author-line{display:flex;align-items:center;gap:12px;margin-top:22px}.gl-author-line img{width:42px;height:42px;border-radius:50%}.gl-author-line__copy{display:grid;font-size:.8rem;line-height:1.3}.gl-author-line__name{color:var(--gl-ink);font-weight:800}.gl-author-line__date{margin-top:3px;color:var(--gl-muted)}.gl-article-media{width:min(calc(100% - 40px),1080px);margin:0 auto;overflow:hidden;border-radius:var(--gl-radius-lg);background:var(--gl-violet-50);box-shadow:var(--gl-shadow-lg)}.gl-article-media img{width:100%;max-height:650px;object-fit:cover}.gl-article-layout{display:grid;grid-template-columns:180px minmax(0,var(--gl-reading)) 180px;justify-content:center;gap:34px;padding:54px 0 80px}.gl-share{position:sticky;top:130px;align-self:start}.gl-share__label{margin:0 0 10px;color:var(--gl-muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.gl-share__links{display:flex;flex-direction:column;align-items:start;gap:7px}.gl-share__links a{color:var(--gl-ink-soft);font-size:.82rem;font-weight:700}.gl-share__links a:hover{color:var(--gl-violet-600)}.gl-article-content{min-width:0;color:#273247;font-family:Georgia,"Times New Roman",serif;font-size:1.16rem;line-height:1.9}.gl-article-content>*:first-child{margin-top:0}.gl-article-content p{margin:0 0 1.55em}.gl-article-content h2,.gl-article-content h3,.gl-article-content h4{color:var(--gl-ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.25;letter-spacing:-.035em}.gl-article-content h2{margin:2.1em 0 .7em;font-size:1.75rem}.gl-article-content h3{margin:1.8em 0 .65em;font-size:1.38rem}.gl-article-content a{color:var(--gl-violet-600);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.gl-article-content blockquote{margin:2.1em 0;padding:24px 28px;border-left:4px solid var(--gl-violet-500);border-radius:0 14px 14px 0;background:var(--gl-violet-50);color:var(--gl-ink);font-size:1.22rem;font-style:italic}.gl-article-content ul,.gl-article-content ol{margin:0 0 1.5em;padding-left:1.4em}.gl-article-content img{border-radius:var(--gl-radius)}.gl-article-aside{align-self:start;padding:18px;border:1px solid var(--gl-line);border-radius:14px;background:#fff;color:var(--gl-muted);font-size:.78rem}.gl-article-aside strong{display:block;margin-bottom:5px;color:var(--gl-ink);font-size:.86rem}.gl-post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px;padding-top:25px;border-top:1px solid var(--gl-line);font-family:Inter,sans-serif}.gl-post-tags a{padding:6px 10px;border-radius:999px;background:var(--gl-violet-50);color:var(--gl-violet-700);font-size:.75rem;font-weight:700;text-decoration:none}.gl-author-box{display:grid;grid-template-columns:auto 1fr;gap:18px;margin-top:42px;padding:24px;border:1px solid var(--gl-line);border-radius:var(--gl-radius);background:#fff;font-family:Inter,sans-serif}.gl-author-box img{width:64px;height:64px;border-radius:50%}.gl-author-box h3{margin:0 0 6px;font-size:1rem}.gl-author-box p{margin:0;color:var(--gl-muted);font-size:.86rem;line-height:1.65} .gl-comments{max-width:var(--gl-reading);margin:0 auto 80px;padding:30px;border:1px solid var(--gl-line);border-radius:var(--gl-radius);background:#fff}.gl-comments h2,.gl-comments h3{margin-top:0}.comment-list{padding:0;list-style:none}.comment-body{padding:18px 0;border-bottom:1px solid var(--gl-line)}.comment-form label{display:block;margin-bottom:5px;font-weight:700}.comment-form input:not([type=submit]),.comment-form textarea{width:100%;padding:12px 14px;border:1px solid var(--gl-line);border-radius:10px}.form-submit .submit{min-height:44px;padding:10px 18px;border:0;border-radius:10px;background:var(--gl-violet-600);color:#fff;font-weight:750} .gl-empty{display:grid;place-items:center;min-height:390px;padding:50px 20px;text-align:center}.gl-empty__mark{display:grid;place-items:center;width:66px;height:66px;margin-bottom:18px;border-radius:20px;background:var(--gl-violet-50);color:var(--gl-violet-600)}.gl-empty__mark .gl-icon{width:30px;height:30px}.gl-empty h2{margin:0 0 8px;font-size:1.55rem}.gl-empty p{margin:0 0 22px;max-width:520px;color:var(--gl-muted)} .gl-newsletter{padding:48px 0;border-top:1px solid var(--gl-line);background:#fff}.gl-newsletter__box{display:grid;grid-template-columns:1fr auto;align-items:center;gap:36px;padding:32px 38px;border-radius:var(--gl-radius-lg);background:var(--gl-violet-50)}.gl-newsletter h2{margin:0 0 7px;font-size:1.45rem;letter-spacing:-.03em}.gl-newsletter p{margin:0;color:var(--gl-muted)}.gl-footer{padding:52px 0 20px;background:var(--gl-ink);color:rgba(255,255,255,.72)}.gl-footer__grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:60px}.gl-footer .gl-brand__name{color:#fff}.gl-footer .gl-brand__tagline{color:rgba(255,255,255,.55)}.gl-footer__about{max-width:430px;margin:20px 0 0;color:rgba(255,255,255,.62);font-size:.9rem}.gl-footer h3{margin:0 0 16px;color:#fff;font-size:.77rem;letter-spacing:.1em;text-transform:uppercase}.gl-footer ul{margin:0;padding:0;list-style:none}.gl-footer li+li{margin-top:9px}.gl-footer a:hover{color:#fff}.gl-footer__bottom{display:flex;justify-content:space-between;gap:20px;margin-top:46px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:.76rem} @media(max-width:1080px){.gl-header__inner{gap:20px}.gl-nav a{padding-inline:9px;font-size:.85rem}.gl-hero__grid{grid-template-columns:1fr 430px;gap:36px}.gl-article-layout{grid-template-columns:minmax(0,var(--gl-reading))}.gl-share,.gl-article-aside{display:none}} @media(max-width:880px){body.admin-bar .gl-header{top:46px}.gl-topline{display:none}.gl-container{width:min(calc(100% - 30px),var(--gl-container))}.gl-header__inner{grid-template-columns:1fr auto;min-height:70px}.gl-nav{position:absolute;top:100%;left:0;right:0;display:none;padding:10px 15px 18px;border-bottom:1px solid var(--gl-line);background:#fff;box-shadow:var(--gl-shadow-lg)}.gl-nav.is-open{display:block}.gl-nav__list,.gl-nav .menu{display:block}.gl-nav a{padding:11px 12px}.gl-nav .sub-menu{position:static;display:block;visibility:visible;opacity:1;transform:none;margin:2px 0 5px 15px;padding:0 0 0 10px;border:0;border-left:1px solid var(--gl-line);box-shadow:none}.gl-menu-toggle{display:inline-grid}.gl-hero{padding:38px 0 46px}.gl-hero__grid{grid-template-columns:1fr}.gl-hero__media,.gl-hero__media img,.gl-hero__fallback{min-height:380px}.gl-grid,.gl-listing__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gl-feature-row{grid-template-columns:1fr}.gl-reflection__inner{grid-template-columns:1fr}.gl-footer__grid{grid-template-columns:1.3fr 1fr}.gl-footer__brand{grid-column:1/-1}.gl-newsletter__box{grid-template-columns:1fr}} @media(max-width:600px){.gl-container{width:min(calc(100% - 24px),var(--gl-container))}.gl-brand__tagline{display:none}.gl-brand__mark{width:40px;height:40px}.gl-search-toggle{display:none}.gl-section{padding:52px 0}.gl-section__head{align-items:start;flex-direction:column}.gl-hero__title{font-size:clamp(2.15rem,12vw,3.2rem)}.gl-hero__media,.gl-hero__media img,.gl-hero__fallback{min-height:285px}.gl-categories-bar__inner{align-items:start;flex-direction:column;gap:10px}.gl-grid,.gl-listing__grid{grid-template-columns:1fr}.gl-feature-card{grid-template-columns:120px 1fr;min-height:170px}.gl-feature-card__body{padding:18px}.gl-article-title{font-size:clamp(2.05rem,12vw,3.25rem)}.gl-article-layout{padding-top:38px}.gl-article-content{font-size:1.08rem}.gl-article-media{width:calc(100% - 24px);border-radius:18px}.gl-author-box{grid-template-columns:1fr}.gl-footer__grid{grid-template-columns:1fr;gap:36px}.gl-footer__brand{grid-column:auto}.gl-footer__bottom{flex-direction:column}.gl-newsletter__box{padding:26px 22px}} @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}} @media(max-width:880px){.gl-nav{width:100%;justify-self:stretch}} /* Editorial homepage 2.1 */ .gl-home-ad{padding-block:22px}.gl-home-ad--billboard{padding-block:8px 56px}.gl-ad-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100%;overflow:hidden;border:1px dashed #cfd5df;border-radius:14px;background:linear-gradient(135deg,#fafbfc,#f3f5f8);color:#7a8495;text-align:center}.gl-ad-slot--leaderboard{min-height:108px}.gl-ad-slot--billboard{min-height:210px}.gl-ad-slot--rectangle{min-height:250px}.gl-ad-slot__label{position:absolute;top:9px;left:50%;transform:translateX(-50%);font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.gl-ad-slot__preview{display:grid;gap:2px;padding:28px 15px 15px}.gl-ad-slot__preview strong{color:#667085;font-size:.78rem}.gl-ad-slot__preview small{font-size:.68rem}.gl-home-lead{padding:26px 0 58px;background:#fff}.gl-home-lead__grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.72fr);gap:34px}.gl-lead-story{display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid var(--gl-line);border-radius:var(--gl-radius-lg);background:#fff;box-shadow:var(--gl-shadow-sm)}.gl-lead-story__media{display:block;aspect-ratio:16/8.1;overflow:hidden;background:var(--gl-violet-50)}.gl-lead-story__media img{width:100%;height:100%;object-fit:cover;transition:transform 650ms ease}.gl-lead-story:hover .gl-lead-story__media img{transform:scale(1.018)}.gl-lead-story__body{padding:30px 34px 34px}.gl-lead-story__title{margin:8px 0 14px;max-width:800px;font-size:clamp(2.05rem,3.6vw,3.55rem);line-height:1.04;letter-spacing:-.05em}.gl-lead-story__title a:hover{color:var(--gl-violet-600)}.gl-lead-story__excerpt{max-width:750px;margin:0 0 17px;color:var(--gl-muted);font-size:1rem}.gl-lead-story .gl-button{margin-top:22px}.gl-lead-rail{align-self:start;display:grid;gap:22px;min-width:0}.gl-lead-stack{display:flex;flex-direction:column;gap:0;border:1px solid var(--gl-line);border-radius:var(--gl-radius-lg);background:#fff;box-shadow:var(--gl-shadow-sm)}.gl-lead-stack__head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--gl-line);font-size:.74rem;font-weight:820;letter-spacing:.09em;text-transform:uppercase}.gl-lead-stack__head a{display:flex;align-items:center;gap:6px;color:var(--gl-violet-600);font-size:.68rem}.gl-side-story{display:grid;grid-template-columns:145px 1fr;gap:18px;padding:22px}.gl-side-story+.gl-side-story{border-top:1px solid var(--gl-line)}.gl-side-story__media{display:grid;place-items:center;aspect-ratio:1.05;overflow:hidden;border-radius:13px;background:var(--gl-violet-50);color:var(--gl-violet-500)}.gl-side-story__media img{width:100%;height:100%;object-fit:cover}.gl-side-story__media .gl-icon{width:36px;height:36px}.gl-side-story h2{margin:7px 0 12px;font-size:1.08rem;line-height:1.3;letter-spacing:-.025em}.gl-side-story h2 a:hover{color:var(--gl-violet-600)}.gl-side-story .gl-meta{gap:9px;font-size:.7rem}.gl-latest{background:var(--gl-canvas)}.gl-editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.gl-study-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.62fr);gap:34px}.gl-study-list{border-top:1px solid var(--gl-line)}.gl-study-item{display:grid;grid-template-columns:210px 1fr;gap:24px;padding:22px 0;border-bottom:1px solid var(--gl-line)}.gl-study-item__media{display:grid;place-items:center;aspect-ratio:16/10;overflow:hidden;border-radius:14px;background:var(--gl-violet-50);color:var(--gl-violet-500)}.gl-study-item__media img{width:100%;height:100%;object-fit:cover}.gl-study-item__meta{display:flex;align-items:center;gap:10px;color:var(--gl-muted);font-size:.69rem;font-weight:720;text-transform:uppercase}.gl-study-item__meta span{color:var(--gl-violet-600)}.gl-study-item h3{margin:8px 0 8px;font-size:1.24rem;line-height:1.3;letter-spacing:-.025em}.gl-study-item h3 a:hover{color:var(--gl-violet-600)}.gl-study-item p{margin:0;color:var(--gl-muted);font-size:.88rem}.gl-study-aside{align-self:start;display:grid;gap:22px;position:sticky;top:114px}.gl-study-aside__intro{padding:28px;border-radius:var(--gl-radius);background:linear-gradient(150deg,#211654,#4930c9);color:#fff}.gl-study-aside__intro>span{display:grid;place-items:center;width:50px;height:50px;margin-bottom:20px;border-radius:14px;background:rgba(255,255,255,.12)}.gl-study-aside__intro .gl-icon{width:26px;height:26px}.gl-study-aside__intro .gl-eyebrow{color:#cfc4ff}.gl-study-aside__intro h3{margin:0 0 12px;font-size:1.55rem;line-height:1.18;letter-spacing:-.035em}.gl-study-aside__intro p:last-child{margin:0;color:rgba(255,255,255,.73);font-size:.9rem}.gl-feature-row--three{grid-template-columns:repeat(3,minmax(0,1fr))}.gl-essential-card{overflow:hidden;border:1px solid var(--gl-line);border-radius:var(--gl-radius);background:#fff;box-shadow:var(--gl-shadow-sm)}.gl-essential-card__media{display:block;aspect-ratio:16/8.5;overflow:hidden;background:var(--gl-violet-50)}.gl-essential-card__media img{width:100%;height:100%;object-fit:cover;transition:transform 450ms ease}.gl-essential-card:hover img{transform:scale(1.035)}.gl-essential-card__body{padding:22px}.gl-essential-card h3{margin:8px 0 18px;font-size:1.15rem;line-height:1.35;letter-spacing:-.025em} @media(max-width:1050px){.gl-home-lead__grid{grid-template-columns:1fr}.gl-lead-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.gl-lead-stack__head{grid-column:1/-1}.gl-lead-rail__ad{width:min(100%,360px);margin-inline:auto}.gl-side-story+.gl-side-story{border-top:0;border-left:1px solid var(--gl-line)}.gl-study-layout{grid-template-columns:1fr}.gl-study-aside{position:static;grid-template-columns:1fr 320px;align-items:stretch}.gl-feature-row--three{grid-template-columns:repeat(2,minmax(0,1fr))}.gl-feature-row--three .gl-essential-card:last-child{grid-column:1/-1}} @media(max-width:760px){.gl-home-ad{padding-block:14px}.gl-home-ad--billboard{padding-block:0 38px}.gl-ad-slot--leaderboard{min-height:104px}.gl-ad-slot--billboard{min-height:180px}.gl-home-lead{padding:14px 0 42px}.gl-lead-story__media{aspect-ratio:16/10}.gl-lead-story__body{padding:24px}.gl-lead-stack{display:block}.gl-side-story+.gl-side-story{border-top:1px solid var(--gl-line);border-left:0}.gl-editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gl-study-aside{grid-template-columns:1fr}.gl-study-aside .gl-ad-slot{max-width:360px;margin-inline:auto}} @media(max-width:560px){.gl-lead-story__title{font-size:clamp(1.9rem,8.8vw,2.25rem)}.gl-lead-story__excerpt{font-size:.94rem}.gl-side-story{grid-template-columns:112px 1fr;padding:17px;gap:14px}.gl-side-story h2{font-size:.98rem}.gl-editorial-grid{grid-template-columns:1fr}.gl-study-item{grid-template-columns:115px 1fr;gap:16px}.gl-study-item h3{font-size:1.02rem}.gl-study-item p{display:none}.gl-study-item__meta{display:grid;gap:1px}.gl-feature-row--three{grid-template-columns:1fr}.gl-feature-row--three .gl-essential-card:last-child{grid-column:auto}.gl-ad-slot__preview small{font-size:.63rem}} /* Editorial refinement 2.2 */ :root{--gl-container:1240px;--gl-canvas:#f5f7fb;--gl-line:#e1e6ee;--gl-shadow-sm:0 1px 2px rgba(16,24,40,.03),0 8px 24px rgba(16,24,40,.045)} .gl-home-ad .gl-ad-slot{width:min(100%,970px);margin-inline:auto}.gl-home-ad{padding-block:18px}.gl-home-ad--billboard{padding-block:0 64px}.gl-ad-slot{border:1px solid #e2e7ee;background:linear-gradient(135deg,#fbfcfe,#f5f7fa);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.gl-ad-slot--leaderboard{min-height:96px}.gl-ad-slot--billboard{min-height:180px}.gl-ad-slot__label{top:8px;color:#98a2b3;font-size:.57rem}.gl-ad-slot__preview{display:flex;align-items:center;justify-content:center;gap:11px;padding:26px 16px 13px;text-align:left}.gl-ad-slot__mark{display:grid;place-items:center;width:34px;height:28px;border:1px solid #d8dee8;border-radius:7px;background:#fff;color:#98a2b3;font-size:.58rem;font-weight:850;letter-spacing:.08em}.gl-ad-slot__copy{display:grid;gap:1px}.gl-ad-slot__preview strong{color:#596477;font-size:.74rem;font-weight:720}.gl-ad-slot__preview small{color:#98a2b3;font-size:.64rem}.gl-home-lead{padding:30px 0 64px}.gl-home-lead__grid{align-items:start;grid-template-columns:minmax(0,1.62fr) minmax(350px,.68fr);gap:28px}.gl-lead-story{border-color:#dfe4ec;box-shadow:0 18px 50px rgba(16,24,40,.07)}.gl-lead-story__media{aspect-ratio:16/7.8}.gl-lead-story__body{padding:32px 38px 36px}.gl-lead-story__body>.gl-eyebrow{display:flex;width:max-content;margin-bottom:12px}.gl-lead-story__body>.gl-category{display:flex;width:max-content;margin-bottom:7px}.gl-lead-story__title{margin-top:0;max-width:760px;font-size:clamp(2.15rem,3.25vw,3.35rem);line-height:1.035}.gl-lead-story__excerpt{max-width:700px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.gl-lead-stack{align-self:start;border-color:#dfe4ec;box-shadow:0 14px 38px rgba(16,24,40,.055)}.gl-lead-stack__head{padding:18px 20px;background:#fbfcfe}.gl-side-story{grid-template-columns:132px 1fr;gap:16px;padding:20px}.gl-side-story h2{display:-webkit-box;overflow:hidden;margin-top:6px;-webkit-box-orient:vertical;-webkit-line-clamp:4}.gl-side-story__media{aspect-ratio:1/1}.gl-categories-bar{padding:16px 0}.gl-categories-bar__inner{justify-content:center}.gl-chip{padding:6px 11px;border-color:#e0e5ed;background:#fff;font-size:.78rem}.gl-trust-strip{border-bottom:1px solid var(--gl-line);background:#fff}.gl-trust-strip__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:22px}.gl-trust-item{display:flex;align-items:center;justify-content:center;gap:13px;padding:0 30px}.gl-trust-item+.gl-trust-item{border-left:1px solid var(--gl-line)}.gl-trust-item>span{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border-radius:12px;background:var(--gl-violet-50);color:var(--gl-violet-600)}.gl-trust-item>span .gl-icon{width:20px;height:20px}.gl-trust-item div{display:grid;gap:1px}.gl-trust-item strong{font-size:.83rem;line-height:1.25}.gl-trust-item small{color:var(--gl-muted);font-size:.72rem;line-height:1.45}.gl-latest{padding-block:82px 76px}.gl-editorial-grid{gap:26px}.gl-card{display:flex;flex-direction:column;border-color:#dfe4ec;box-shadow:0 10px 30px rgba(16,24,40,.055)}.gl-card__media{aspect-ratio:16/9.25}.gl-card__body{display:flex;flex:1;flex-direction:column;padding:23px 24px 22px}.gl-card__title{display:-webkit-box;overflow:hidden;min-height:3.2em;margin:8px 0 10px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.gl-card__excerpt{display:-webkit-box;overflow:hidden;margin-bottom:20px;-webkit-box-orient:vertical;-webkit-line-clamp:3}.gl-card .gl-meta{margin-top:auto;padding-top:2px}.gl-section--white{padding-block:84px}.gl-study-layout{gap:42px}.gl-study-item{grid-template-columns:200px 1fr;gap:22px;padding:20px 0}.gl-study-item h3{margin-top:7px;font-size:1.18rem}.gl-study-item p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.gl-study-aside__intro{padding:30px;background:radial-gradient(circle at 100% 0,rgba(118,87,255,.6),transparent 44%),linear-gradient(150deg,#17103e,#3f2bb6)}.gl-reflection{position:relative;overflow:hidden;padding-block:76px;background:radial-gradient(circle at 85% 15%,rgba(118,87,255,.7),transparent 34%),linear-gradient(135deg,#17103e,#332482 62%,#4930c9)}.gl-reflection::after{content:"";position:absolute;right:-100px;bottom:-190px;width:430px;height:430px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.018)}.gl-reflection__inner{position:relative;z-index:1}.gl-essential{padding-block:82px 88px}.gl-essential-card{display:flex;flex-direction:column;border-color:#dfe4ec;box-shadow:0 10px 30px rgba(16,24,40,.05)}.gl-essential-card__body{display:flex;flex:1;flex-direction:column;padding:24px}.gl-essential-card h3{min-height:3.25em}.gl-essential-card .gl-text-link{margin-top:auto}.gl-newsletter{padding-block:56px}.gl-newsletter__box{padding:34px 40px;border:1px solid #e5ddff;background:linear-gradient(135deg,#f7f4ff,#eee9ff)} @media(max-width:1050px){.gl-home-lead__grid{grid-template-columns:1fr}.gl-lead-stack{width:100%}.gl-lead-stack .gl-side-story:last-child{grid-column:1/-1;border-top:1px solid var(--gl-line);border-left:0}.gl-trust-item{padding-inline:18px}.gl-trust-item small{font-size:.68rem}} @media(max-width:760px){.gl-home-ad{padding-block:12px}.gl-home-ad--billboard{padding-block:0 44px}.gl-ad-slot--leaderboard{min-height:90px}.gl-ad-slot--billboard{min-height:155px}.gl-home-lead{padding:16px 0 46px}.gl-lead-story__body{padding:25px}.gl-trust-strip__grid{grid-template-columns:1fr;padding-block:8px}.gl-trust-item{justify-content:flex-start;padding:13px 4px}.gl-trust-item+.gl-trust-item{border-top:1px solid var(--gl-line);border-left:0}.gl-categories-bar__inner{align-items:stretch}.gl-categories-bar .gl-chip-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.gl-categories-bar .gl-chip-row::-webkit-scrollbar{display:none}.gl-chip{white-space:nowrap}.gl-latest{padding-block:58px 52px}.gl-section--white,.gl-essential{padding-block:60px}.gl-reflection{padding-block:58px}.gl-newsletter{padding-block:42px}} @media(max-width:560px){.gl-lead-story__title{font-size:clamp(1.95rem,8.5vw,2.2rem)}.gl-side-story{grid-template-columns:106px 1fr}.gl-side-story h2{-webkit-line-clamp:3}.gl-card__title{min-height:auto;-webkit-line-clamp:3}.gl-card__excerpt{-webkit-line-clamp:3}.gl-study-item{grid-template-columns:108px 1fr}.gl-essential-card h3{min-height:auto}.gl-ad-slot__mark{display:none}.gl-ad-slot__preview{text-align:center}.gl-newsletter__box{padding:28px 23px}} /* Gospel Livre brand system */ .gl-brand__lockup{display:block;width:auto;max-width:220px;max-height:55px;object-fit:contain}.gl-footer .gl-brand__lockup{max-width:228px;max-height:57px} .gl-brand__mark{width:46px;height:46px;padding:4px;border:1px solid rgba(91,61,245,.16);border-radius:14px;background:radial-gradient(circle at 34% 28%,#fff 0,#f4f1ff 58%,#e9e2ff 100%);box-shadow:0 9px 24px rgba(73,48,201,.12),inset 0 1px 0 rgba(255,255,255,.95)}.gl-brand__mark img{width:100%;height:100%;object-fit:contain}.gl-brand__copy{width:max-content}.gl-brand__name{display:flex;align-items:baseline;font-family:Georgia,"Times New Roman",serif;font-size:1.2rem;line-height:1;font-weight:700;letter-spacing:-.035em}.gl-brand__gospel{color:var(--gl-ink);font-weight:700}.gl-brand__livre{margin-left:.08em;color:var(--gl-violet-600);font-weight:700}.gl-brand__tagline{display:flex;width:100%;justify-content:space-between;margin-top:5px;color:var(--gl-violet-600);font-size:.62rem;font-weight:800;letter-spacing:0} .gl-footer .gl-brand__mark{border-color:rgba(187,170,255,.24);background:rgba(255,255,255,.08);box-shadow:0 10px 28px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.12)}.gl-footer .gl-brand__gospel{color:#fff}.gl-footer .gl-brand__livre{color:#cfc4ff}.gl-footer .gl-brand__tagline{color:#cfc4ff} @media(max-width:600px){.gl-brand__lockup{max-width:190px;max-height:48px}.gl-footer .gl-brand__lockup{max-width:210px;max-height:53px}} /* Gospel Livre 3.0 — premium editorial home. */ :root { --gl-violet-50: #f2eff8; --gl-violet-100: #e5dff1; --gl-violet-300: #aa98c5; --gl-violet-500: #735792; --gl-violet-600: #62447f; --gl-violet-700: #4c3267; --gl-ink: #172033; --gl-ink-soft: #313a4c; --gl-muted: #5f625f; --gl-line: #deddd8; --gl-surface: #fff; --gl-canvas: #f6f4ef; --gl-warm: #f2eadf; --gl-gold: #b98a43; --gl-shadow-sm: 0 10px 32px rgba(23, 32, 51, .055); --gl-shadow-lg: 0 28px 80px rgba(23, 32, 51, .13); --gl-radius-sm: 6px; --gl-radius: 10px; --gl-radius-lg: 14px; --gl-container: 1240px; --gl-serif: Georgia, Cambria, "Times New Roman", serif; } /* Core-owned AdSense inventory: stable while loading and collapses cleanly when unfilled. */ .gl-ad-placement { position: relative; width: 100%; overflow: hidden; border: 1px solid rgba(216, 212, 226, .82); border-radius: 14px; background: rgba(255, 255, 255, .76); text-align: center; box-shadow: 0 8px 26px rgba(15, 23, 42, .025); } .gl-ad-placement--leaderboard { min-height: 96px; padding: 18px 12px; } .gl-ad-placement--billboard { min-height: 180px; padding: 20px 12px; } .gl-ad-placement--rectangle { min-height: 250px; padding: 18px 10px; } .gl-ad-placement .gl-ad-label { display: block; margin: 0 0 8px; color: #9b96a7; font-size: .58rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; } .gl-ad-placement .adsbygoogle { width: 100%; } .gl-ad-placement:has(.adsbygoogle[data-ad-status="unfilled"]) { min-height: 0 !important; margin-block: 0 !important; padding: 0 !important; border: 0; box-shadow: none; } .gl-ad-placement:has(.adsbygoogle[data-ad-status="unfilled"]) .gl-ad-label { display: none; } .gl-ad-placement--unfilled { display: none !important; } .gl-ad-host--unfilled { display: none !important; } .gl-platform-ad:has(.gl-ad-placement--suppressed), .gl-internal-ad:has(.gl-ad-placement--suppressed), .gl-radio-ad:has(.gl-ad-placement--suppressed), .gl-audio-hero-ad:has(.gl-ad-placement--suppressed), .gl-audio-hub-ad:has(.gl-ad-placement--suppressed), .gl-program-ad:has(.gl-ad-placement--suppressed), .gl-episode-ad-band:has(.gl-ad-placement--suppressed), .gl-episode-ad:has(.gl-ad-placement--suppressed), .gl-reading-ad-reservation:has(.gl-ad-placement--suppressed), .gl-reading-sidebar__ad:has(.gl-ad-placement--suppressed) { display: none !important; } @media (max-width: 767px) { .gl-ad-placement--leaderboard { min-height: 82px; padding-inline: 0; } .gl-ad-placement--billboard { min-height: 120px; padding-inline: 0; } .gl-ad-placement--rectangle { min-height: 220px; } .gl-ad-placement { border-radius: 12px; } } body.gospellivre-portal { background: var(--gl-canvas); color: var(--gl-ink); line-height: 1.7; letter-spacing: .002em; } .gl-container { width: min(calc(100% - 64px), var(--gl-container)); } .gl-eyebrow { color: var(--gl-violet-600); font-size: .74rem; letter-spacing: .15em; } .gl-eyebrow::before { width: 24px; height: 1px; } .gl-section { padding-block: 100px; } .gl-section__head { align-items: end; margin-bottom: 34px; padding-bottom: 20px; border-bottom: 1px solid var(--gl-line); } .gl-section__title { font-family: var(--gl-serif); font-size: clamp(2.25rem, 4vw, 3.35rem); font-weight: 500; line-height: 1.12; letter-spacing: -.038em; } .gl-section__intro { max-width: 650px; margin-top: 12px; font-size: 1rem; line-height: 1.7; } .gl-text-link { gap: 10px; color: var(--gl-ink); font-size: .8rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; } .gl-text-link .gl-icon { width: 16px; } .gl-text-link:hover { gap: 14px; color: var(--gl-violet-600); } .gl-topline { background: #101a30; color: rgba(255, 255, 255, .7); font-size: .69rem; letter-spacing: .035em; } .gl-topline__inner { min-height: 31px; } .gl-topline a { display: inline-flex; align-items: center; gap: 8px; color: rgba(255, 255, 255, .9); font-size: .66rem; letter-spacing: .09em; text-transform: uppercase; } .gl-topline .gl-icon { width: 14px; } .gl-header { border-color: rgba(23, 32, 51, .09); background: rgba(255, 255, 255, .965); box-shadow: none; } .gl-header__inner { min-height: 86px; gap: 48px; } .gl-brand__mark { width: 48px; height: 48px; border-radius: 50%; box-shadow: none; } .gl-brand__name { font-size: 1.3rem; } .gl-brand__tagline { margin-top: 6px; color: var(--gl-violet-600); font-size: .56rem; letter-spacing: .08em; } .gl-nav__list, .gl-nav .menu { gap: 18px; } .gl-nav a { position: relative; min-height: 52px; padding: 10px 2px; border-radius: 0; color: #363e4e; font-size: .86rem; font-weight: 650; } .gl-nav a::after { content: ""; position: absolute; right: 50%; bottom: 5px; left: 50%; height: 1px; background: var(--gl-violet-600); transition: var(--gl-transition); } .gl-nav a:hover, .gl-nav .current-menu-item > a, .gl-nav .current-menu-ancestor > a { background: transparent; color: var(--gl-violet-700); } .gl-nav a:hover::after, .gl-nav .current-menu-item > a::after, .gl-nav .current-menu-ancestor > a::after { right: 0; left: 0; } .gl-icon-button { width: 40px; height: 40px; border: 0; border-radius: 50%; background: #f5f3ef; } .gl-icon-button:hover { background: var(--gl-violet-50); box-shadow: none; } .gl-button { min-height: 48px; padding: 12px 20px; border-radius: 2px; background: #172033; box-shadow: none; font-size: .78rem; letter-spacing: .065em; text-transform: uppercase; } .gl-button:hover { background: var(--gl-violet-700); box-shadow: none; } .gl-home-ad { padding-block: 22px; } .gl-home-ad--billboard { padding: 32px 0 48px; } .gl-home-ad .gl-ad-slot { width: min(100%, 970px); margin-inline: auto; } .gl-ad-slot { border-color: #e1e0dc; border-radius: 3px; background: rgba(255, 255, 255, .45); box-shadow: none; } .gl-ad-slot--leaderboard { min-height: 90px; } .gl-ad-slot--billboard { min-height: 250px; } .gl-ad-slot--rectangle { min-height: 250px; } .gl-ad-slot__label { color: #aaa9a4; letter-spacing: .18em; } .gl-ad-slot__mark { border-color: #deddd8; border-radius: 2px; background: transparent; } .gl-ad-slot__preview strong { color: #84847f; font-weight: 600; } .gl-ad-slot--rectangle .gl-ad-slot__preview { flex-direction: column; gap: 10px; text-align: center; } .gl-ad-slot--rectangle .gl-ad-slot__copy { justify-items: center; text-align: center; } .gl-ad-slot__label { font-size: .62rem; } .gl-ad-slot__preview strong { font-size: .8rem; } .gl-ad-slot__preview small { font-size: .7rem; } .gl-lead-rail__ad { display: flex; justify-content: center; width: 100%; } .gl-lead-rail__ad .gl-ad-slot, .gl-study-aside > .gl-ad-slot { width: min(100%, 300px); min-height: 250px; margin-inline: auto; } .gl-home-lead { padding: 42px 0 78px; background: #fff; } .gl-home-lead__grid { align-items: start; grid-template-columns: minmax(0, 1.72fr) minmax(330px, .62fr); gap: 54px; } .gl-lead-story { display: block; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .gl-lead-story__media { aspect-ratio: 16 / 9.2; border-radius: 3px; background: #ebe7df; } .gl-lead-story__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 62%, rgba(11, 20, 39, .18)); pointer-events: none; } .gl-lead-story__media img { filter: saturate(.88) contrast(1.025); } .gl-lead-story__body { position: relative; z-index: 2; width: calc(100% - 54px); margin: -82px 0 0 28px; padding: 34px 42px 38px; border-top: 3px solid var(--gl-violet-600); background: rgba(255, 255, 255, .975); box-shadow: 0 24px 62px rgba(23, 32, 51, .13); } .gl-lead-story__body > .gl-eyebrow { margin-bottom: 14px; color: #8a6b3c; } .gl-lead-story__body > .gl-category { margin-bottom: 10px; } .gl-lead-story__title { margin: 0 0 16px; max-width: 760px; font-family: var(--gl-serif); font-size: clamp(2.35rem, 3.7vw, 3.45rem); font-weight: 500; line-height: 1.07; letter-spacing: -.04em; } .gl-lead-story__excerpt { max-width: 690px; color: #555a56; font-size: 1rem; line-height: 1.75; } .gl-lead-story .gl-button { min-height: auto; margin-top: 22px; padding: 6px 0 7px; border-bottom: 1px solid var(--gl-ink); background: transparent; color: var(--gl-ink); } .gl-lead-story .gl-button:hover { border-color: var(--gl-violet-600); background: transparent; color: var(--gl-violet-600); transform: none; } .gl-lead-rail { gap: 28px; } .gl-lead-stack { border: 0; border-top: 3px solid var(--gl-ink); border-bottom: 1px solid var(--gl-line); border-radius: 0; box-shadow: none; } .gl-lead-stack__head { padding: 18px 0 16px; border-color: var(--gl-line); background: transparent; color: var(--gl-ink); font-family: var(--gl-serif); font-size: .85rem; font-weight: 600; letter-spacing: .04em; text-transform: none; } .gl-lead-stack__head a { color: var(--gl-violet-600); font-family: Inter, ui-sans-serif, system-ui, sans-serif; font-size: .59rem; letter-spacing: .11em; text-transform: uppercase; } .gl-side-story { grid-template-columns: 105px 1fr; gap: 17px; padding: 21px 0; } .gl-side-story + .gl-side-story { border-color: var(--gl-line); } .gl-side-story__media { aspect-ratio: 4 / 3; border-radius: 2px; } .gl-side-story h2 { margin: 6px 0 10px; font-family: var(--gl-serif); font-size: 1.08rem; font-weight: 600; line-height: 1.32; letter-spacing: -.018em; } .gl-side-story .gl-category { font-size: .75rem; line-height: 1.4; } .gl-side-story .gl-meta { color: #6f736e; font-size: .75rem; } .gl-categories-bar { padding: 20px 0; border-top: 0; background: #f7f5f1; } .gl-categories-bar__inner { justify-content: flex-start; gap: 30px; } .gl-categories-bar__label { color: var(--gl-ink); font-family: var(--gl-serif); font-size: .9rem; font-style: italic; font-weight: 600; letter-spacing: 0; text-transform: none; } .gl-chip-row { gap: 22px; } .gl-chip { position: relative; padding: 3px 0; border: 0; border-radius: 0; background: transparent; color: #4f5450; font-size: .78rem; font-weight: 650; } .gl-chip::after { content: ""; position: absolute; right: 100%; bottom: 0; left: 0; height: 1px; background: var(--gl-violet-600); transition: var(--gl-transition); } .gl-chip:hover { background: transparent; color: var(--gl-violet-700); } .gl-chip:hover::after { right: 0; } .gl-latest { padding-block: 88px 82px; background: #f3f0e9; } .gl-editorial-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(350px, .72fr); align-items: start; gap: 42px 44px; } .gl-editorial-grid .gl-card { display: flex; flex-direction: column; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .gl-editorial-grid .gl-card:hover { border: 0; box-shadow: none; transform: none; } .gl-editorial-grid .gl-card__media { border-radius: 2px; background: #e7e2d9; } .gl-editorial-grid .gl-card__body { padding: 19px 0 0; } .gl-editorial-grid .gl-card__title { min-height: 0; margin: 9px 0 11px; font-family: var(--gl-serif); font-weight: 600; } .gl-editorial-grid .gl-card__excerpt { color: #6b6d68; } .gl-editorial-feature { min-width: 0; } .gl-editorial-feature .gl-card__media { aspect-ratio: 16 / 8.7; } .gl-editorial-feature .gl-card__title { max-width: 720px; font-size: clamp(1.8rem, 3vw, 2.55rem); line-height: 1.08; } .gl-editorial-feature .gl-card__excerpt { max-width: 680px; margin-bottom: 14px; font-size: .94rem; } .gl-editorial-side-list { display: grid; align-content: start; border-top: 1px solid #aaa8a2; } .gl-editorial-side-list .gl-card { display: grid; grid-template-columns: 150px minmax(0, 1fr); align-items: start; gap: 18px; padding: 20px 0; border-bottom: 1px solid #ccc9c2; } .gl-editorial-side-list .gl-card__media { aspect-ratio: 4 / 3; } .gl-editorial-side-list .gl-card__body { display: block; padding: 2px 0 0; } .gl-editorial-side-list .gl-card__title { margin: 7px 0 10px; font-size: 1.12rem; line-height: 1.2; } .gl-editorial-side-list .gl-card__excerpt { display: none; } .gl-editorial-side-list .gl-category, .gl-editorial-row .gl-category, .gl-essential-list .gl-category { font-size: .75rem; line-height: 1.4; } .gl-editorial-side-list .gl-card .gl-meta, .gl-editorial-row .gl-card .gl-meta { margin-top: 14px; padding-top: 0; color: #676c67; font-size: .75rem; } .gl-editorial-row { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px; } .gl-editorial-row .gl-card { display: grid; grid-template-columns: 180px minmax(0, 1fr); align-items: start; gap: 20px; padding-top: 22px; border-top: 1px solid #ccc9c2; } .gl-editorial-row .gl-card__media { aspect-ratio: 4 / 3; } .gl-editorial-row .gl-card__body { display: block; padding: 3px 0 0; } .gl-editorial-row .gl-card__excerpt { display: none; } .gl-editorial-row .gl-card__title { font-size: 1.2rem; line-height: 1.24; } .gl-section--white { padding-block: 90px; } .gl-study-layout { grid-template-columns: minmax(0, 1.55fr) minmax(310px, .62fr); gap: 64px; } .gl-study-list { border-color: var(--gl-ink); } .gl-study-item { grid-template-columns: 172px 1fr; gap: 24px; padding: 22px 0; } .gl-study-item:first-child { grid-template-columns: 280px 1fr; padding-block: 28px; } .gl-study-item__media { border-radius: 2px; } .gl-study-item:first-child h3 { font-family: var(--gl-serif); font-size: 1.72rem; font-weight: 600; line-height: 1.12; } .gl-study-item h3 { font-family: var(--gl-serif); font-size: 1.22rem; font-weight: 600; } .gl-study-item__meta { color: #656a65; font-size: .75rem; line-height: 1.45; letter-spacing: .05em; } .gl-study-aside { top: 132px; gap: 28px; } .gl-study-aside__intro { position: relative; overflow: hidden; padding: 42px 36px; border-radius: 2px; background: #15213a; } .gl-study-aside__intro::after { content: ""; position: absolute; right: -48px; bottom: -70px; width: 180px; height: 180px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; box-shadow: 0 0 0 30px rgba(255,255,255,.025); } .gl-study-aside__intro > span { border-radius: 50%; background: rgba(185, 138, 67, .18); color: #d8b67e; } .gl-study-aside__intro .gl-eyebrow { color: #d8b67e; } .gl-study-aside__intro h3 { font-family: var(--gl-serif); font-size: 1.9rem; font-weight: 500; } .gl-reflection { position: relative; overflow: hidden; padding-block: 88px; background: #101b33; } .gl-reflection::before { content: ""; position: absolute; inset: 18px; border: 1px solid rgba(255, 255, 255, .08); pointer-events: none; } .gl-reflection::after { right: -50px; bottom: -260px; width: 520px; height: 520px; border-color: rgba(206, 180, 135, .16); box-shadow: 0 0 0 72px rgba(255,255,255,.018), 0 0 0 144px rgba(255,255,255,.012); } .gl-reflection__inner { grid-template-columns: 96px minmax(0, 1fr) auto; align-items: center; gap: 44px; } .gl-reflection__mark { display: grid; place-items: center; width: 88px; height: 88px; border: 1px solid rgba(216, 182, 126, .35); border-radius: 50%; color: #d8b67e; } .gl-reflection__mark .gl-icon { width: 35px; height: 35px; } .gl-reflection .gl-eyebrow { color: #d8b67e; } .gl-reflection h2 { max-width: 820px; margin-bottom: 22px; font-family: var(--gl-serif); font-size: clamp(2.2rem, 4.2vw, 3.65rem); font-weight: 400; line-height: 1.1; letter-spacing: -.028em; } .gl-reflection__copy > p:last-child { display: flex; flex-wrap: wrap; gap: 10px 18px; align-items: center; } .gl-reflection__copy > p:last-child strong { color: #fff; font-size: .76rem; letter-spacing: .08em; text-transform: uppercase; } .gl-reflection__copy > p:last-child span { color: rgba(255, 255, 255, .58); font-size: .8rem; } .gl-reflection__link { align-self: end; padding-bottom: 7px; border-bottom: 1px solid rgba(255, 255, 255, .35); color: #fff; white-space: nowrap; } .gl-essential { padding-block: 90px 96px; background: #eee6db; } .gl-essential-layout { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(350px, .72fr); align-items: start; gap: 48px; } .gl-essential-card { position: relative; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .gl-essential-card::before { display: block; margin-bottom: 14px; color: #9b7b4e; font-family: var(--gl-serif); font-size: .78rem; font-style: italic; } .gl-essential-feature .gl-essential-card::before { content: "01"; } .gl-essential-card__media { border-radius: 2px; background: #ddd3c5; } .gl-essential-card__body { padding: 22px 0 0; } .gl-essential-card h3 { min-height: 0; margin: 8px 0 20px; font-family: var(--gl-serif); font-weight: 600; } .gl-essential-feature .gl-essential-card__media { aspect-ratio: 16 / 8.6; } .gl-essential-feature .gl-essential-card h3 { max-width: 720px; font-size: clamp(1.8rem, 3vw, 2.5rem); line-height: 1.1; } .gl-essential-list { display: grid; align-content: start; border-top: 1px solid #b9ad9e; } .gl-essential-list .gl-essential-card { display: grid; grid-template-columns: 145px minmax(0, 1fr); align-items: start; gap: 20px; padding: 20px 0; border-bottom: 1px solid #c8bbab; } .gl-essential-list .gl-essential-card::before { position: absolute; top: 20px; right: 0; margin: 0; } .gl-essential-list .gl-essential-card:first-child::before { content: "02"; } .gl-essential-list .gl-essential-card:nth-child(2)::before { content: "03"; } .gl-essential-list .gl-essential-card__media { aspect-ratio: 4 / 3; } .gl-essential-list .gl-essential-card__body { display: block; padding: 8px 22px 0 0; } .gl-essential-list .gl-essential-card h3 { margin: 8px 0 16px; font-size: 1.22rem; line-height: 1.2; } .gl-essential-list .gl-text-link { margin-top: 0; font-size: .61rem; } .gl-newsletter { padding-block: 62px; border: 0; background: #f7f4ee; } .gl-newsletter__box { position: relative; overflow: hidden; grid-template-columns: minmax(0, 1fr) auto; gap: 64px; padding: 58px 64px; border: 0; border-radius: 3px; background: linear-gradient(120deg, #1a2742, #111a2e); color: #fff; } .gl-newsletter__box::after { content: ""; position: absolute; top: -120px; right: 20%; width: 300px; height: 300px; border: 1px solid rgba(255, 255, 255, .07); border-radius: 50%; box-shadow: 0 0 0 44px rgba(255,255,255,.018); } .gl-newsletter__copy, .gl-newsletter__action { position: relative; z-index: 1; } .gl-newsletter .gl-eyebrow { color: #d8b67e; } .gl-newsletter h2 { max-width: 720px; margin-bottom: 12px; font-family: var(--gl-serif); font-size: clamp(2rem, 3.6vw, 3.15rem); font-weight: 500; line-height: 1.05; } .gl-newsletter p { color: rgba(255, 255, 255, .62); } .gl-newsletter__action { display: grid; justify-items: center; gap: 12px; } .gl-newsletter__action .gl-button { background: #f5efe5; color: #172033; } .gl-newsletter__action small { color: rgba(255, 255, 255, .5); font-size: .64rem; } .gl-footer { padding: 78px 0 24px; background: #0c1529; } .gl-footer__grid { grid-template-columns: 1.35fr .65fr .75fr .9fr; gap: 58px; } .gl-footer__about { max-width: 360px; margin-top: 24px; color: rgba(255, 255, 255, .55); line-height: 1.75; } .gl-footer h3 { margin-bottom: 20px; color: #d8b67e; font-size: .64rem; letter-spacing: .16em; } .gl-footer li + li { margin-top: 12px; } .gl-footer li a { color: rgba(255, 255, 255, .72); font-size: .84rem; } .gl-footer__manifesto { padding-left: 28px; border-left: 1px solid rgba(255, 255, 255, .1); } .gl-footer__manifesto > span { display: grid; place-items: center; width: 38px; height: 38px; margin-bottom: 24px; border: 1px solid rgba(216, 182, 126, .3); border-radius: 50%; color: #d8b67e; } .gl-footer__manifesto p { margin: 0 0 14px; color: rgba(255, 255, 255, .82); font-family: var(--gl-serif); font-size: 1.1rem; font-style: italic; line-height: 1.5; } .gl-footer__manifesto small { color: #d8b67e; font-size: .62rem; letter-spacing: .1em; text-transform: uppercase; } .gl-footer__bottom { margin-top: 64px; padding-top: 22px; color: rgba(255, 255, 255, .38); } @media (min-width: 881px) { .gl-header__inner { grid-template-columns: 1fr auto 1fr; } .gl-header .gl-brand { justify-self: start; } .gl-header .gl-nav { justify-self: center; } .gl-header__actions { justify-self: end; } } @media (max-width: 1050px) { .gl-container { width: min(calc(100% - 44px), var(--gl-container)); } .gl-home-lead__grid { grid-template-columns: 1fr; } .gl-lead-rail { grid-template-columns: minmax(0, 1fr) 320px; align-items: start; } .gl-lead-stack { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); } .gl-lead-stack__head { grid-column: 1 / -1; } .gl-side-story { display: block; padding: 20px; } .gl-side-story + .gl-side-story { border-top: 0; border-left: 1px solid var(--gl-line); } .gl-side-story__media { margin-bottom: 15px; } .gl-lead-rail__ad { width: 100%; } .gl-editorial-grid, .gl-essential-layout { grid-template-columns: minmax(0, 1.35fr) minmax(310px, .72fr); gap: 36px; } .gl-editorial-side-list .gl-card { grid-template-columns: 120px minmax(0, 1fr); gap: 15px; } .gl-essential-list .gl-essential-card { grid-template-columns: 120px minmax(0, 1fr); gap: 16px; } .gl-study-layout { grid-template-columns: 1fr; } .gl-study-aside { grid-template-columns: 1fr 320px; } .gl-footer__grid { grid-template-columns: 1.25fr .75fr .75fr; } .gl-footer__manifesto { grid-column: 1 / -1; padding: 28px 0 0; border-top: 1px solid rgba(255,255,255,.1); border-left: 0; } } @media (max-width: 820px) { .gl-section { padding-block: 72px; } .gl-header__inner { min-height: 72px; } .gl-nav a::after { display: none; } .gl-home-lead { padding-top: 24px; } .gl-lead-rail { grid-template-columns: 1fr; } .gl-editorial-grid, .gl-essential-layout { grid-template-columns: 1fr; } .gl-editorial-side-list, .gl-essential-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; border-top: 0; } .gl-editorial-side-list .gl-card, .gl-essential-list .gl-essential-card { display: flex; flex-direction: column; gap: 0; padding-top: 18px; border-top: 1px solid #ccc9c2; } .gl-editorial-side-list .gl-card__media, .gl-essential-list .gl-essential-card__media { width: 100%; aspect-ratio: 16 / 9.5; } .gl-editorial-side-list .gl-card__body, .gl-essential-list .gl-essential-card__body { padding: 16px 0 0; } .gl-editorial-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } .gl-editorial-row .gl-card { display: flex; } .gl-editorial-row .gl-card__media { aspect-ratio: 16 / 9.5; } .gl-editorial-row .gl-card__body { padding-top: 16px; } .gl-editorial-feature .gl-card__title { font-size: 2rem; } .gl-reflection__inner { grid-template-columns: 70px 1fr; } .gl-reflection__mark { width: 66px; height: 66px; } .gl-reflection__link { grid-column: 2; justify-self: start; } .gl-newsletter__box { grid-template-columns: 1fr; gap: 30px; padding: 44px; } .gl-newsletter__action { justify-items: start; } } @media (max-width: 600px) { .gl-container { width: min(calc(100% - 24px), var(--gl-container)); } .gl-section { padding-block: 58px; } .gl-section__head { align-items: flex-start; margin-bottom: 30px; } .gl-section__title { font-size: 2.25rem; } .gl-home-ad { padding-block: 10px; } .gl-home-ad--billboard { padding-bottom: 44px; } .gl-ad-slot--leaderboard { min-height: 66px; } .gl-ad-slot--billboard { min-height: 120px; } .gl-ad-slot__copy strong { display: none; } .gl-home-lead { padding: 16px 0 54px; } .gl-lead-story__media { aspect-ratio: 4 / 3; } .gl-lead-story__body { width: calc(100% - 24px); margin: -42px 0 0 12px; padding: 26px 22px 29px; } .gl-lead-story__title { font-size: clamp(2.05rem, 10.5vw, 2.65rem); } .gl-lead-story__excerpt { font-size: .9rem; } .gl-lead-stack { display: block; } .gl-side-story { display: grid; grid-template-columns: 105px 1fr; padding-inline: 0; } .gl-side-story + .gl-side-story { border-top: 1px solid var(--gl-line); border-left: 0; } .gl-side-story__media { margin: 0; } .gl-categories-bar__inner { gap: 12px; } .gl-categories-bar .gl-chip-row { gap: 18px; } .gl-latest { padding-block: 64px 58px; } .gl-editorial-grid, .gl-essential-layout { grid-template-columns: 1fr; gap: 28px; } .gl-editorial-side-list, .gl-essential-list { display: block; } .gl-editorial-side-list .gl-card, .gl-essential-list .gl-essential-card { display: grid; grid-template-columns: 105px minmax(0, 1fr); gap: 15px; } .gl-editorial-side-list .gl-card__media, .gl-essential-list .gl-essential-card__media { aspect-ratio: 4 / 3; } .gl-editorial-side-list .gl-card__body, .gl-essential-list .gl-essential-card__body { padding: 2px 0 0; } .gl-editorial-row { grid-template-columns: 1fr; gap: 26px; } .gl-editorial-row .gl-card { display: grid; grid-template-columns: 105px minmax(0, 1fr); gap: 15px; } .gl-editorial-row .gl-card__media { aspect-ratio: 4 / 3; } .gl-editorial-row .gl-card__body { padding-top: 2px; } .gl-editorial-feature .gl-card__title { font-size: 1.75rem; } .gl-study-item, .gl-study-item:first-child { grid-template-columns: 108px 1fr; gap: 16px; padding: 18px 0; } .gl-study-item:first-child h3 { font-size: 1.18rem; } .gl-study-item p { display: none; } .gl-study-aside { grid-template-columns: 1fr; } .gl-study-aside__intro { padding: 34px 28px; } .gl-reflection { padding-block: 72px; } .gl-reflection::before { inset: 8px; } .gl-reflection__inner { grid-template-columns: 1fr; gap: 28px; } .gl-reflection__mark { width: 58px; height: 58px; } .gl-reflection h2 { font-size: 2.3rem; } .gl-reflection__link { grid-column: 1; } .gl-newsletter { padding-block: 42px; } .gl-newsletter__box { padding: 34px 26px; } .gl-newsletter h2 { font-size: 2.1rem; } .gl-newsletter__action small { text-align: left; } .gl-footer { padding-top: 58px; } .gl-footer__grid { grid-template-columns: 1fr; gap: 40px; } .gl-footer__manifesto { grid-column: auto; } } /* Gospel Livre 3.3 — identity, readability and advertising polish. */ :root { --gl-violet-50: #f5f2ff; --gl-violet-100: #eae4ff; --gl-violet-300: #bbaeff; --gl-violet-500: #7458e8; --gl-violet-600: #5b3fb4; --gl-violet-700: #452d87; --gl-ink: #15203a; --gl-ink-soft: #35405a; --gl-muted: #5e625f; --gl-line: #deddd8; --gl-canvas: #f8f7f3; --gl-warm: #f3eee6; --gl-serif: Cambria, Georgia, "Times New Roman", serif; } body.gospellivre-portal { color: var(--gl-ink); font-size: 16px; line-height: 1.72; } .gl-category { color: var(--gl-violet-600); font-size: .75rem; line-height: 1.4; letter-spacing: .085em; } .gl-eyebrow { color: var(--gl-violet-600); } .gl-section__title { font-weight: 600; letter-spacing: -.032em; } .gl-section__intro { color: #626661; } .gl-nav a { color: #30394d; font-size: .88rem; } .gl-brand__livre, .gl-brand__tagline { color: var(--gl-violet-600); } /* Advertising stays centred but reads as a quiet editorial pause. */ .gl-home-ad { padding-block: 18px; } .gl-home-ad--billboard { padding: 24px 0 38px; } .gl-home-ad .gl-ad-slot { width: min(100%, 970px); margin-inline: auto; } .gl-ad-slot { border: 0; border-top: 1px solid rgba(91, 63, 180, .14); border-bottom: 1px solid rgba(91, 63, 180, .14); border-radius: 0; background: linear-gradient(90deg, transparent, rgba(245, 242, 255, .56) 22%, rgba(255, 255, 255, .6) 50%, rgba(245, 242, 255, .56) 78%, transparent); box-shadow: none; } .gl-ad-slot--leaderboard { min-height: 76px; } .gl-ad-slot--billboard { min-height: 156px; } .gl-ad-slot--rectangle { min-height: 220px; border: 1px solid rgba(91, 63, 180, .13); background: linear-gradient(155deg, rgba(245, 242, 255, .48), rgba(255, 255, 255, .75)); } .gl-ad-slot__label { top: 11px; color: #8f889b; font-size: .58rem; font-weight: 750; letter-spacing: .18em; } .gl-ad-slot__preview { gap: 0; padding: 28px 18px 14px; text-align: center; } .gl-ad-slot__mark { display: none; } .gl-ad-slot__copy { justify-items: center; gap: 2px; text-align: center; } .gl-ad-slot__preview strong { color: #74717b; font-size: .74rem; font-weight: 650; } .gl-ad-slot__preview small { color: #99949f; font-size: .66rem; } .gl-lead-rail__ad .gl-ad-slot, .gl-study-aside > .gl-ad-slot { width: min(100%, 300px); min-height: 220px; margin-inline: auto; } /* Main cover: clearer proportions, quieter shadow and stronger brand accents. */ .gl-home-lead { padding: 36px 0 70px; } .gl-home-lead__grid { gap: 48px; } .gl-lead-story__media { aspect-ratio: 16 / 8.7; } .gl-lead-story__body { width: calc(100% - 64px); margin: -72px 0 0 32px; padding: 32px 40px 36px; border-top: 2px solid var(--gl-violet-600); box-shadow: 0 20px 54px rgba(21, 32, 58, .11); } .gl-lead-story__body > .gl-eyebrow { color: #8d6d3c; } .gl-lead-story__title { max-width: 780px; font-size: clamp(2.35rem, 3.45vw, 3.3rem); font-weight: 600; line-height: 1.06; letter-spacing: -.033em; } .gl-lead-story__excerpt { color: #555b57; font-size: 1rem; line-height: 1.72; } .gl-lead-stack { border-top-color: var(--gl-ink); } .gl-lead-stack__head { font-size: .9rem; } .gl-side-story h2 { font-weight: 600; line-height: 1.28; } /* Editorial rhythm: readable compact cards, with no false empty space. */ .gl-latest { background: #f5f2eb; } .gl-essential { background: #f1ebe2; } .gl-editorial-side-list .gl-card__title, .gl-editorial-row .gl-card__title { -webkit-line-clamp: 3; } .gl-editorial-side-list .gl-card .gl-meta, .gl-editorial-row .gl-card .gl-meta, .gl-side-story .gl-meta { color: #666b66; font-size: .75rem; } .gl-study-item h3, .gl-essential-card h3, .gl-card__title { color: var(--gl-ink); } .gl-study-aside__intro { background: radial-gradient(circle at 100% 0, rgba(91, 63, 180, .34), transparent 42%), #14213c; } .gl-reflection { background: radial-gradient(circle at 88% 12%, rgba(91, 63, 180, .25), transparent 32%), #101b33; } @media (max-width: 1050px) { .gl-home-lead__grid { gap: 30px; } .gl-lead-story__media { aspect-ratio: 16 / 7.9; } .gl-lead-rail { grid-template-columns: minmax(0, 1fr) 300px; gap: 28px; } .gl-lead-stack { display: block; } .gl-side-story { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 16px; padding: 17px 0; } .gl-side-story__media { margin: 0; } .gl-side-story + .gl-side-story, .gl-lead-stack .gl-side-story:last-child { border-top: 1px solid var(--gl-line); border-left: 0; } .gl-lead-rail__ad { width: 100%; } } @media (max-width: 760px) { .gl-home-lead { padding-top: 20px; } .gl-home-ad--billboard { padding: 18px 0 34px; } .gl-ad-slot--leaderboard { min-height: 66px; } .gl-ad-slot--billboard { min-height: 112px; } .gl-lead-story__media { aspect-ratio: 4 / 3; } .gl-lead-story__body { width: calc(100% - 28px); margin: -46px 0 0 14px; padding: 27px 24px 30px; } .gl-lead-rail { grid-template-columns: 1fr; } .gl-lead-stack { display: block; } .gl-side-story { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 16px; padding-inline: 0; } .gl-side-story + .gl-side-story, .gl-lead-stack .gl-side-story:last-child { border-top: 1px solid var(--gl-line); border-left: 0; } } @media (max-width: 600px) { .gl-home-ad { padding-block: 8px; } .gl-ad-slot__preview strong { display: block; } .gl-ad-slot__preview small { display: none; } .gl-lead-story__title { font-size: clamp(1.85rem, 9vw, 2.2rem); line-height: 1.08; } } /* Gospel Livre 3.4 — editorial library, search and archive pages. */ .gl-library-head { padding: 64px 0 52px; background: #fff; } .gl-library-head__inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(330px, 430px); align-items: end; gap: 72px; } .gl-library-head__copy { position: relative; max-width: 760px; } .gl-library-head__copy::after { content: ""; position: absolute; top: 4px; left: -30px; width: 1px; height: 92px; background: linear-gradient(var(--gl-violet-600), rgba(91, 63, 180, 0)); } .gl-library-head h1 { margin: 3px 0 14px; font-family: var(--gl-serif); font-size: clamp(2.7rem, 4.8vw, 4.25rem); font-weight: 600; line-height: 1.02; letter-spacing: -.04em; } .gl-library-head h1 span { color: var(--gl-violet-600); } .gl-library-head__copy > p:not(.gl-eyebrow, .gl-library-head__count), .gl-library-head__description { max-width: 650px; margin: 0; color: #60645f; font-size: 1rem; line-height: 1.7; } .gl-library-head__description p { margin: 0; } .gl-library-head__count { display: flex; align-items: baseline; gap: 7px; margin: 20px 0 0; color: #6c706b; font-size: .78rem; letter-spacing: .055em; text-transform: uppercase; } .gl-library-head__count strong { color: var(--gl-violet-600); font-family: var(--gl-serif); font-size: 1.2rem; font-weight: 600; letter-spacing: 0; } .gl-library-head__search { padding: 24px 0 2px 34px; border-left: 1px solid var(--gl-line); } .gl-library-head__search > p { margin: 0 0 10px; color: #6b6f6a; font-size: .75rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; } .gl-library-head__search .gl-search-form__field { min-height: 54px; border-color: #d8d6d0; border-radius: 2px; background: #faf9f6; } .gl-library-head__search .gl-search-form__field:focus { border-color: var(--gl-violet-500); box-shadow: 0 0 0 3px var(--gl-violet-50); } .gl-library-head__search .gl-search-form__submit { top: 7px; right: 7px; } .gl-listing-ad { display: flex; justify-content: center; } .gl-listing-ad .gl-ad-slot { width: min(100%, 970px); margin-inline: auto; } .gl-listing-ad--top { padding-block: 22px 12px; } .gl-listing-ad--top .gl-ad-slot { min-height: 90px; } .gl-listing-ad--infeed { grid-column: 1 / -1; padding: 22px 0 6px; } .gl-listing-ad--infeed .gl-ad-slot { min-height: 250px; } .gl-listing { padding: 54px 0 94px; background: #f6f3ed; } .gl-listing__bar { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; margin-bottom: 24px; padding-bottom: 14px; border-bottom: 1px solid #c9c6bf; } .gl-listing__bar span { color: var(--gl-ink); font-family: var(--gl-serif); font-size: 1rem; font-weight: 600; } .gl-listing__bar small { color: #757873; font-size: .72rem; letter-spacing: .045em; } .gl-listing__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 28px; } .gl-listing__grid .gl-card { border: 0; border-radius: 3px; background: rgba(255, 255, 255, .9); box-shadow: 0 12px 32px rgba(21, 32, 58, .055); } .gl-listing__grid .gl-card:hover { border: 0; box-shadow: 0 17px 38px rgba(21, 32, 58, .09); transform: translateY(-3px); } .gl-listing__grid .gl-card__media { aspect-ratio: 16 / 9.2; } .gl-listing__grid .gl-card__body { padding: 24px 24px 22px; } .gl-listing__grid .gl-card__title { display: -webkit-box; overflow: hidden; min-height: 3.65em; margin: 9px 0 11px; color: var(--gl-ink); font-family: var(--gl-serif); font-size: 1.23rem; font-weight: 600; line-height: 1.22; letter-spacing: -.018em; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .gl-listing__grid .gl-card__excerpt { display: -webkit-box; overflow: hidden; margin-bottom: 20px; color: #676b66; font-size: .88rem; line-height: 1.68; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .gl-listing__grid .gl-card .gl-meta { margin-top: auto; padding-top: 4px; color: #71756f; font-size: .73rem; } .gl-listing__grid > .gl-card:first-child { grid-column: span 2; display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(300px, .88fr); border-top: 3px solid var(--gl-violet-600); } .gl-listing__grid > .gl-card:first-child .gl-card__media { min-height: 100%; aspect-ratio: auto; } .gl-listing__grid > .gl-card:first-child .gl-card__body { justify-content: center; padding: 38px 36px; } .gl-listing__grid > .gl-card:first-child .gl-card__title { display: block; overflow: visible; min-height: 0; font-size: clamp(1.75rem, 2.3vw, 2.35rem); line-height: 1.1; -webkit-line-clamp: unset; } .gl-listing__grid > .gl-card:first-child .gl-card__excerpt { font-size: .94rem; -webkit-line-clamp: 4; } .gl-listing .nav-links { margin-top: 46px; } .gl-listing .nav-links .page-numbers { border-radius: 2px; } @media (min-width: 981px) { .gl-listing__grid > .gl-card--closing { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(340px, .72fr) minmax(0, 1.28fr); } .gl-listing__grid > .gl-card--closing .gl-card__media { min-height: 300px; aspect-ratio: auto; } .gl-listing__grid > .gl-card--closing .gl-card__body { justify-content: center; padding: 38px 42px; } .gl-listing__grid > .gl-card--closing .gl-card__title { min-height: 0; font-size: 1.72rem; line-height: 1.14; } .gl-listing__grid > .gl-card--closing .gl-card__excerpt { max-width: 620px; -webkit-line-clamp: 4; } } @media (max-width: 980px) { .gl-library-head__inner { grid-template-columns: 1fr; gap: 30px; } .gl-library-head__search { max-width: 620px; padding: 22px 0 0; border-top: 1px solid var(--gl-line); border-left: 0; } .gl-listing__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .gl-listing__grid > .gl-card:first-child { grid-column: 1 / -1; } } @media (max-width: 680px) { .gl-library-head { padding: 42px 0 36px; } .gl-library-head__copy::after { display: none; } .gl-library-head h1 { font-size: clamp(2.35rem, 12vw, 3.15rem); } .gl-listing-ad--top { padding-block: 10px 4px; } .gl-listing { padding: 42px 0 68px; } .gl-listing__bar { display: grid; gap: 3px; } .gl-listing__grid { grid-template-columns: 1fr; gap: 22px; } .gl-listing__grid > .gl-card:first-child { grid-column: auto; display: flex; border-top-width: 2px; } .gl-listing__grid > .gl-card:first-child .gl-card__media { min-height: 0; aspect-ratio: 16 / 9.2; } .gl-listing__grid > .gl-card:first-child .gl-card__body { padding: 26px 24px 24px; } .gl-listing__grid > .gl-card:first-child .gl-card__title { font-size: 1.55rem; } .gl-listing-ad--infeed { padding-top: 8px; } .gl-listing-ad--infeed .gl-ad-slot { min-height: 112px; } } /* Gospel Livre 4.0 — Digital Biblical Journal. */ :root { --gl-container: 1380px; --gl-canvas: #fcfbf8; --gl-surface: #fff; --gl-warm: #f5f3ee; --gl-ink: #111a2d; --gl-ink-soft: #30394e; --gl-muted: #666a73; --gl-line: #dddbd4; --gl-serif: Cambria, Georgia, "Times New Roman", serif; } .home.gospellivre-portal { background: #fcfbf8; } .home .gl-container { width: min(calc(100% - 72px), 1380px); } .home .gl-section { padding-block: 124px; } .home .gl-section__head { margin-bottom: 52px; padding-bottom: 24px; } .home .gl-section__title { font-size: clamp(2.8rem, 4.3vw, 4.15rem); line-height: 1.03; } .home .gl-section__intro { max-width: 690px; font-size: 1.02rem; } .home .gl-eyebrow { font-size: .7rem; letter-spacing: .18em; } .home .gl-category { font-size: .72rem; letter-spacing: .1em; } /* Publication header. */ .home .gl-header { background: rgba(252, 251, 248, .97); } .home .gl-header__inner { min-height: 104px; } .home .gl-brand { gap: 14px; } .home .gl-brand__mark { width: 54px; height: 54px; } .home .gl-brand__name { font-size: 1.48rem; } .home .gl-brand__tagline { margin-top: 7px; font-size: .6rem; } .home .gl-nav__list, .home .gl-nav .menu { gap: 25px; } .home .gl-nav a { min-height: 58px; padding-inline: 1px; color: #2d3547; font-size: .87rem; font-weight: 680; } .home .gl-icon-button { width: 44px; height: 44px; background: transparent; border: 1px solid rgba(17, 26, 45, .1); } /* Reserved inventory remains stable but visually recedes when empty. */ .home .gl-home-ad { padding-block: 16px; } .home .gl-home-ad--billboard { padding: 38px 0 64px; } .home .gl-ad-slot { border: 0; background: transparent; } .home .gl-ad-slot::before, .home .gl-ad-slot::after { content: ""; position: absolute; top: 50%; width: min(26%, 180px); height: 1px; background: rgba(91, 63, 180, .1); } .home .gl-ad-slot::before { left: 0; } .home .gl-ad-slot::after { right: 0; } .home .gl-ad-slot--leaderboard { min-height: 90px; } .home .gl-ad-slot--billboard { min-height: 250px; } .home .gl-ad-slot--rectangle { min-height: 250px; } .home .gl-ad-slot__label { color: #aaa5af; } .home .gl-ad-slot__preview strong { color: #8c8891; font-weight: 560; } .home .gl-ad-slot__preview small { color: #aaa5af; } /* Cover story: text and photography form one composition. */ .home .gl-home-lead { padding: 28px 0 112px; background: #fcfbf8; } .home .gl-home-lead__grid { display: grid; grid-template-columns: minmax(0, 9fr) minmax(300px, 3fr); align-items: start; gap: 44px; } .home .gl-lead-story { position: relative; min-height: 800px; overflow: hidden; background: #10182a; } .home .gl-lead-story__media { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; border-radius: 0; background: #111a2d; } .home .gl-lead-story__media::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(7, 13, 25, .76) 0, rgba(7, 13, 25, .36) 52%, rgba(7, 13, 25, .04) 78%); pointer-events: none; } .home .gl-lead-story__media::after { z-index: 1; background: linear-gradient(0deg, rgba(7, 13, 25, .82), rgba(7, 13, 25, .1) 58%, rgba(7, 13, 25, .02)); } .home .gl-lead-story__media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.84) contrast(1.04); transform: scale(1.001); transition: transform 700ms ease, filter 500ms ease; } .home .gl-lead-story:hover .gl-lead-story__media img { filter: saturate(.9) contrast(1.04); transform: scale(1.022); } .home .gl-lead-story__body { position: absolute; right: 12%; bottom: 64px; left: 7%; z-index: 2; width: auto; margin: 0; padding: 0; border: 0; background: transparent; color: #fff; box-shadow: none; } .home .gl-lead-story__body > .gl-eyebrow { margin-bottom: 22px; color: #e0c18e; } .home .gl-lead-story__body > .gl-category { margin-bottom: 15px; color: #d8ccff; } .home .gl-lead-story__title { max-width: 850px; margin-bottom: 22px; color: #fff; font-size: clamp(3.7rem, 5vw, 4.75rem); font-weight: 500; line-height: .99; letter-spacing: -.042em; text-wrap: balance; } .home .gl-lead-story__title a:hover { color: #fff; } .home .gl-lead-story__excerpt { display: -webkit-box; max-width: 690px; margin-bottom: 22px; overflow: hidden; color: rgba(255, 255, 255, .78); font-size: 1.04rem; line-height: 1.65; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .home .gl-lead-story__footer { display: flex; flex-wrap: wrap; align-items: center; gap: 22px 34px; } .home .gl-lead-story__byline { display: flex; gap: 9px; margin: 0; color: rgba(255, 255, 255, .62); font-size: .7rem; font-weight: 700; letter-spacing: .105em; text-transform: uppercase; } .home .gl-lead-story__byline span + span::before { content: "·"; margin-right: 9px; color: #e0c18e; } .home .gl-lead-story .gl-button { margin: 0; border-color: rgba(255, 255, 255, .72); color: #fff; } .home .gl-lead-story .gl-button:hover { border-color: #d8ccff; color: #d8ccff; } /* A numbered editorial rail, never a widget. */ .home .gl-lead-rail { display: grid; grid-template-columns: 1fr; gap: 32px; } .home .gl-lead-stack { display: block; border-top: 2px solid var(--gl-ink); } .home .gl-lead-stack__head { padding: 18px 0 17px; font-size: .92rem; } .home .gl-side-story { display: grid; grid-template-columns: 30px 92px minmax(0, 1fr); align-items: start; gap: 14px; padding: 22px 0; border-bottom: 1px solid var(--gl-line); } .home .gl-side-story + .gl-side-story, .home .gl-lead-stack .gl-side-story:last-child { border-top: 0; border-left: 0; } .home .gl-side-story__number { padding-top: 1px; color: #9b7b4e; font-family: var(--gl-serif); font-size: .8rem; font-style: italic; } .home .gl-side-story__media { width: 92px; margin: 0; aspect-ratio: 4 / 3; } .home .gl-side-story__body { min-width: 0; } .home .gl-side-story .gl-category { display: none; } .home .gl-side-story h2 { display: -webkit-box; margin: 0 0 10px; overflow: hidden; font-size: 1.08rem; line-height: 1.25; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .home .gl-side-story .gl-meta { font-size: .68rem; } .home .gl-lead-rail__ad .gl-ad-slot { width: 300px; } /* Themes behave as a journal index. */ .home .gl-categories-bar { padding: 25px 0; border-top: 1px solid var(--gl-line); border-bottom: 1px solid var(--gl-line); background: #fcfbf8; } .home .gl-categories-bar__inner { gap: 42px; } .home .gl-categories-bar__label { font-size: .78rem; font-style: normal; letter-spacing: .15em; text-transform: uppercase; } .home .gl-chip-row { gap: 28px; } .home .gl-chip { font-size: .76rem; } /* Latest: a numbered, asymmetric editorial composition. */ .home .gl-latest { padding-block: 132px 126px; background: #f5f3ee; } .home .gl-editorial-grid { counter-reset: gl-latest; grid-template-columns: minmax(0, 1.62fr) minmax(360px, .7fr); gap: 48px 58px; } .home .gl-editorial-grid .gl-card { counter-increment: gl-latest; position: relative; } .home .gl-editorial-grid .gl-card::before { content: counter(gl-latest, decimal-leading-zero); position: absolute; z-index: 2; top: 0; left: 0; color: #9b7b4e; font-family: var(--gl-serif); font-size: .76rem; font-style: italic; transform: translateY(-27px); } .home .gl-editorial-grid .gl-card__media { border-radius: 0; } .home .gl-editorial-feature .gl-card__media { aspect-ratio: 16 / 9.4; } .home .gl-editorial-feature .gl-card__title { max-width: 780px; font-size: clamp(2.25rem, 3.15vw, 3.35rem); line-height: 1.02; } .home .gl-editorial-feature .gl-card__excerpt { max-width: 720px; font-size: 1rem; } .home .gl-editorial-side-list { border-top-color: #a9a69f; } .home .gl-editorial-side-list .gl-card { grid-template-columns: 145px minmax(0, 1fr); padding: 25px 0; } .home .gl-editorial-side-list .gl-card::before { top: 25px; left: auto; right: 0; transform: none; } .home .gl-editorial-side-list .gl-card__body { padding-right: 24px; } .home .gl-editorial-row { gap: 52px; } .home .gl-editorial-row .gl-card { grid-template-columns: 205px minmax(0, 1fr); padding-top: 26px; } .home .gl-editorial-row .gl-card::before { top: 26px; transform: translateY(-49px); } /* EBD is a publication product with a current lesson and a reading path. */ .home .gl-journal-study { padding-block: 132px; } .home .gl-study-layout { display: grid; grid-template-columns: minmax(0, 8.8fr) minmax(310px, 3.2fr); gap: 72px; } .home .gl-study-main { min-width: 0; } .home .gl-study-feature { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(320px, .82fr); align-items: stretch; border-top: 2px solid var(--gl-ink); border-bottom: 1px solid var(--gl-line); } .home .gl-study-feature__media { display: block; min-height: 490px; overflow: hidden; background: var(--gl-warm); } .home .gl-study-feature__media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.86) contrast(1.02); transition: transform 600ms ease; } .home .gl-study-feature:hover img { transform: scale(1.022); } .home .gl-study-feature__body { display: flex; flex-direction: column; justify-content: center; padding: 48px 0 48px 46px; } .home .gl-study-feature__body > .gl-eyebrow { margin-bottom: 22px; } .home .gl-study-feature h3 { margin: 12px 0 18px; font-family: var(--gl-serif); font-size: clamp(2.25rem, 3.25vw, 3.45rem); font-weight: 600; line-height: 1.03; letter-spacing: -.035em; } .home .gl-study-feature__body > p:not(.gl-eyebrow) { margin: 0 0 26px; color: var(--gl-muted); font-size: .95rem; line-height: 1.72; } .home .gl-study-feature .gl-text-link { align-self: flex-start; } .home .gl-study-next { margin-top: 50px; border-top: 1px solid #aaa8a2; } .home .gl-study-next__head { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; padding: 20px 0 12px; } .home .gl-study-next__head span { font-family: var(--gl-serif); font-size: 1.05rem; font-weight: 600; } .home .gl-study-next__head small { color: var(--gl-muted); font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; } .home .gl-study-item, .home .gl-study-item:first-child { display: grid; grid-template-columns: 34px 118px minmax(0, 1fr); align-items: center; gap: 18px; padding: 18px 0; border-bottom: 1px solid var(--gl-line); } .home .gl-study-item__number { color: #9b7b4e; font-family: var(--gl-serif); font-size: .78rem; font-style: italic; } .home .gl-study-item__media { width: 118px; aspect-ratio: 4 / 3; } .home .gl-study-item__meta { font-size: .66rem; } .home .gl-study-item h3, .home .gl-study-item:first-child h3 { margin: 5px 0 0; font-size: 1.22rem; line-height: 1.22; } .home .gl-study-aside { top: 148px; gap: 32px; } .home .gl-study-aside__intro { padding: 50px 40px; border-radius: 0; background: radial-gradient(circle at 100% 0, rgba(91, 63, 180, .28), transparent 42%), #111d37; } .home .gl-study-aside__intro h3 { font-size: 2.15rem; line-height: 1.08; } .home .gl-study-aside > .gl-ad-slot { width: 300px; min-height: 250px; } /* Scripture is the large visual interlude. */ .home .gl-reflection { padding-block: 132px; } .home .gl-reflection::before { inset: 28px; } .home .gl-reflection__inner { grid-template-columns: 108px minmax(0, 1fr) auto; gap: 58px; } .home .gl-reflection__mark { width: 96px; height: 96px; } .home .gl-reflection h2 { max-width: 980px; font-size: clamp(3.7rem, 5.5vw, 5.45rem); font-weight: 400; line-height: .98; letter-spacing: -.035em; text-wrap: balance; } .home .gl-reflection__copy > p:last-child { margin-top: 28px; } /* Essential readings remain a different visual thesis. */ .home .gl-essential { padding-block: 132px 140px; background: #efe9df; } .home .gl-essential-layout { grid-template-columns: minmax(0, 1.62fr) minmax(360px, .7fr); gap: 64px; } .home .gl-essential-feature .gl-essential-card__media { aspect-ratio: 16 / 9.2; } .home .gl-essential-feature .gl-essential-card h3 { font-size: clamp(2.25rem, 3.2vw, 3.35rem); line-height: 1.03; } .home .gl-essential-list .gl-essential-card { grid-template-columns: 155px minmax(0, 1fr); padding: 26px 0; } /* The newsletter closes the journal rather than behaving like a marketing card. */ .home .gl-newsletter { padding-block: 118px; background: #fcfbf8; } .home .gl-newsletter__box { grid-template-columns: minmax(0, 1fr) auto; gap: 80px; padding: 76px 0; border-top: 1px solid #bbb7ae; border-bottom: 1px solid #bbb7ae; border-radius: 0; background: transparent; color: var(--gl-ink); } .home .gl-newsletter__box::after { right: 12%; border-color: rgba(91, 63, 180, .12); box-shadow: 0 0 0 44px rgba(91, 63, 180, .018); } .home .gl-newsletter .gl-eyebrow { color: #9b7b4e; } .home .gl-newsletter h2 { max-width: 800px; color: var(--gl-ink); font-size: clamp(3rem, 4.8vw, 4.6rem); line-height: .99; } .home .gl-newsletter p { color: var(--gl-muted); font-size: 1rem; } .home .gl-newsletter__action .gl-button { border: 1px solid var(--gl-ink); background: transparent; color: var(--gl-ink); } .home .gl-newsletter__action .gl-button:hover { border-color: var(--gl-violet-600); color: var(--gl-violet-600); } .home .gl-newsletter__action small { color: #898b87; } .home .gl-footer { padding-top: 104px; } .home .gl-footer__grid { grid-template-columns: 1.45fr .62fr .72fr 1fr; gap: 72px; } .home .gl-footer__about { max-width: 420px; font-size: .92rem; } .home .gl-footer__bottom { margin-top: 82px; } @media (max-width: 1180px) { .home .gl-container { width: min(calc(100% - 48px), 1380px); } .home .gl-home-lead__grid { grid-template-columns: 1fr; } .home .gl-lead-story { min-height: 760px; } .home .gl-lead-rail { grid-template-columns: minmax(0, 1fr) 300px; align-items: start; } .home .gl-study-layout { gap: 48px; } .home .gl-study-feature { grid-template-columns: 1fr; } .home .gl-study-feature__media { min-height: 430px; } .home .gl-study-feature__body { padding: 40px 0 42px; } } @media (max-width: 900px) { .home .gl-section { padding-block: 92px; } .home .gl-header__inner { min-height: 78px; } .home .gl-home-lead { padding-bottom: 84px; } .home .gl-lead-story { min-height: 700px; } .home .gl-lead-story__body { right: 8%; bottom: 48px; left: 6%; } .home .gl-lead-story__title { font-size: clamp(3.25rem, 8vw, 4.25rem); } .home .gl-lead-rail { grid-template-columns: 1fr; } .home .gl-lead-rail__ad { justify-content: center; } .home .gl-editorial-grid, .home .gl-essential-layout { grid-template-columns: 1fr; } .home .gl-editorial-side-list, .home .gl-essential-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .home .gl-study-layout { grid-template-columns: 1fr; } .home .gl-study-aside { grid-template-columns: minmax(0, 1fr) 300px; } .home .gl-reflection__inner { grid-template-columns: 82px 1fr; } .home .gl-reflection__link { grid-column: 2; } .home .gl-newsletter__box { grid-template-columns: 1fr; } .home .gl-newsletter__action { justify-items: start; } .home .gl-footer__grid { grid-template-columns: 1.2fr .8fr .8fr; } .home .gl-footer__manifesto { grid-column: 1 / -1; } } @media (max-width: 680px) { .home .gl-container { width: min(calc(100% - 24px), 1380px); } .home .gl-section { padding-block: 72px; } .home .gl-section__head { margin-bottom: 38px; } .home .gl-section__title { font-size: 2.65rem; } .home .gl-home-ad { padding-block: 8px; } .home .gl-home-ad--billboard { padding: 24px 0 40px; } .home .gl-ad-slot--leaderboard { min-height: 72px; } .home .gl-ad-slot--billboard { min-height: 128px; } .home .gl-home-lead { padding: 14px 0 72px; } .home .gl-lead-story { min-height: 660px; } .home .gl-lead-story__media { aspect-ratio: auto; } .home .gl-lead-story__media::before { background: linear-gradient(90deg, rgba(7, 13, 25, .62), rgba(7, 13, 25, .08)); } .home .gl-lead-story__body { right: 22px; bottom: 34px; left: 22px; } .home .gl-lead-story__body > .gl-eyebrow { margin-bottom: 15px; } .home .gl-lead-story__body > .gl-category { margin-bottom: 10px; } .home .gl-lead-story__title { margin-bottom: 16px; font-size: clamp(2.45rem, 11.5vw, 3.05rem); line-height: 1.01; } .home .gl-lead-story__excerpt { margin-bottom: 17px; font-size: .9rem; -webkit-line-clamp: 3; } .home .gl-lead-story__footer { display: grid; gap: 15px; } .home .gl-side-story { grid-template-columns: 26px 88px minmax(0, 1fr); gap: 12px; } .home .gl-side-story__media { width: 88px; } .home .gl-categories-bar { padding-block: 20px; } .home .gl-categories-bar__inner { gap: 16px; } .home .gl-chip-row { gap: 22px; } .home .gl-latest { padding-block: 82px 76px; } .home .gl-editorial-grid { gap: 42px; } .home .gl-editorial-side-list, .home .gl-essential-list { display: block; } .home .gl-editorial-feature .gl-card__title, .home .gl-essential-feature .gl-essential-card h3 { font-size: 2rem; } .home .gl-editorial-row { grid-template-columns: 1fr; gap: 40px; } .home .gl-editorial-row .gl-card { grid-template-columns: 110px minmax(0, 1fr); } .home .gl-editorial-row .gl-card__media { aspect-ratio: 4 / 3; } .home .gl-journal-study { padding-block: 82px; } .home .gl-study-feature__media { min-height: 300px; } .home .gl-study-feature h3 { font-size: 2.2rem; } .home .gl-study-item, .home .gl-study-item:first-child { grid-template-columns: 25px 92px minmax(0, 1fr); gap: 12px; } .home .gl-study-item__media { width: 92px; } .home .gl-study-item h3, .home .gl-study-item:first-child h3 { font-size: 1rem; } .home .gl-study-aside { grid-template-columns: 1fr; } .home .gl-reflection { padding-block: 88px; } .home .gl-reflection::before { inset: 9px; } .home .gl-reflection__inner { grid-template-columns: 1fr; gap: 30px; } .home .gl-reflection h2 { font-size: clamp(2.9rem, 13vw, 3.75rem); } .home .gl-reflection__link { grid-column: 1; } .home .gl-essential { padding-block: 82px 90px; } .home .gl-newsletter { padding-block: 76px; } .home .gl-newsletter__box { gap: 34px; padding: 58px 0; } .home .gl-newsletter h2 { font-size: 2.85rem; } .home .gl-footer { padding-top: 72px; } .home .gl-footer__grid { grid-template-columns: 1fr; gap: 42px; } .home .gl-footer__manifesto { grid-column: auto; } } /* Empty previews collapse gently; real provider markup is returned before this placeholder exists. */ .home .gl-ad-slot--placeholder.gl-ad-slot--leaderboard { min-height: 66px; } .home .gl-ad-slot--placeholder.gl-ad-slot--billboard { min-height: 112px; } .home .gl-ad-slot--placeholder.gl-ad-slot--rectangle, .home .gl-lead-rail__ad .gl-ad-slot--placeholder, .home .gl-study-aside > .gl-ad-slot--placeholder { min-height: 168px; } .home .gl-ad-slot--placeholder .gl-ad-slot__preview { opacity: .62; } @media (max-width: 680px) { .home .gl-ad-slot--placeholder.gl-ad-slot--leaderboard { min-height: 58px; } .home .gl-ad-slot--placeholder.gl-ad-slot--billboard { min-height: 96px; } .home .gl-ad-slot--placeholder.gl-ad-slot--rectangle { min-height: 148px; } } /* ========================================================================== Gospel Livre 5.0 — Biblical Experience Platform ========================================================================== */ .home.gospellivre-portal { --gl-platform-navy: #101b37; --gl-platform-navy-2: #17264a; --gl-platform-violet: #6046d7; --gl-platform-violet-dark: #4b34ba; --gl-platform-lilac: #f1edff; --gl-platform-sand: #f7f3eb; --gl-platform-canvas: #fbfcfe; --gl-platform-text: #172033; --gl-platform-muted: #657084; --gl-platform-line: #e3e7ee; --gl-platform-gold: #b88b43; background: var(--gl-platform-canvas); color: var(--gl-platform-text); font-family: Inter, "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif; } .home .gl-topline { display: none; } .home .gl-container { width: min(calc(100% - 64px), 1280px); } .home .gl-main { overflow: hidden; } .home .gl-header { border-bottom-color: rgba(23,32,51,.08); background: rgba(255,255,255,.92); box-shadow: 0 1px 12px rgba(16,27,55,.025); } .home .gl-header__inner { min-height: 86px; gap: 34px; } .home .gl-brand__mark { width: 48px; height: 48px; border-radius: 14px; box-shadow: 0 8px 22px rgba(96,70,215,.16); } .home .gl-brand__name { font-size: 1.26rem; } .home .gl-brand__tagline { font-size: .57rem; } .home .gl-nav__list, .home .gl-nav .menu { gap: 4px; } .home .gl-nav a { min-height: 44px; padding: 10px 12px; border-radius: 8px; color: #3d4658; font-size: .86rem; font-weight: 650; } .home .gl-nav a:hover { background: #f6f4fd; color: var(--gl-platform-violet); } .home .gl-nav .current-menu-item > a { position: relative; background: transparent; color: var(--gl-platform-violet); } .home .gl-nav .current-menu-item > a::after { content: ""; position: absolute; right: 12px; bottom: 3px; left: 12px; height: 2px; border-radius: 2px; background: currentColor; } .home .gl-icon-button { width: 42px; height: 42px; border-color: #e5e7eb; border-radius: 12px; background: #f7f7f8; } .home .gl-icon-button:hover { background: var(--gl-platform-lilac); } .home .gl-platform-kicker { margin: 0 0 14px; color: var(--gl-platform-violet); font-size: .72rem; font-weight: 800; letter-spacing: .13em; line-height: 1.35; text-transform: uppercase; } .home .gl-platform-kicker::before, .home .gl-platform-kicker::after { display: none; } .home .gl-platform-section { padding: 96px 0; } .home .gl-platform-heading { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(280px,.8fr); align-items: end; gap: 56px; margin-bottom: 42px; } .home .gl-platform-heading--compact { grid-template-columns: minmax(0,1fr) auto; } .home .gl-platform-heading h2 { margin: 0; max-width: 760px; color: var(--gl-platform-text); font-family: inherit; font-size: clamp(2.25rem, 3.5vw, 3.35rem); font-weight: 720; line-height: 1.06; letter-spacing: -.045em; text-wrap: balance; } .home .gl-platform-heading > p { margin: 0 0 4px; max-width: 470px; color: var(--gl-platform-muted); font-size: 1rem; line-height: 1.7; } .home .gl-platform-button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 50px; padding: 13px 20px; border: 1px solid var(--gl-platform-violet); border-radius: 12px; background: var(--gl-platform-violet); color: #fff; font-size: .9rem; font-weight: 750; box-shadow: 0 10px 22px rgba(96,70,215,.18); transition: color 180ms ease, background 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease; } .home .gl-platform-button:hover { border-color: var(--gl-platform-violet-dark); background: var(--gl-platform-violet-dark); color: #fff; box-shadow: 0 14px 28px rgba(96,70,215,.24); transform: translateY(-2px); } .home .gl-platform-button .gl-icon { width: 17px; transition: transform 180ms ease; } .home .gl-platform-button:hover .gl-icon { transform: translateX(3px); } .home .gl-platform-button--secondary { border-color: #d7dbe5; background: #fff; color: var(--gl-platform-text); box-shadow: none; } .home .gl-platform-button--secondary:hover { border-color: #c9c2ec; background: #f8f6ff; color: var(--gl-platform-violet-dark); box-shadow: none; } .home .gl-platform-button--light { border-color: rgba(255,255,255,.42); background: #fff; color: var(--gl-platform-navy); box-shadow: none; } .home .gl-platform-button--light:hover { border-color: #fff; background: #f2efff; color: var(--gl-platform-violet-dark); box-shadow: none; } /* Hero: product promise first, strategic photography second. */ .home .gl-platform-hero { position: relative; padding: 68px 0 78px; background: radial-gradient(circle at 12% 9%, rgba(96,70,215,.07), transparent 28%), linear-gradient(180deg,#fff 0%,#fbfcfe 100%); } .home .gl-platform-hero::after { content: ""; position: absolute; right: 3%; bottom: 8%; width: 260px; height: 260px; border: 1px solid rgba(96,70,215,.07); border-radius: 50%; box-shadow: 0 0 0 54px rgba(96,70,215,.018); pointer-events: none; } .home .gl-platform-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,.98fr) minmax(470px,1.02fr); align-items: center; gap: clamp(52px,7vw,100px); } .home .gl-platform-hero__content { padding: 32px 0; } .home .gl-platform-hero h1 { margin: 0; color: var(--gl-platform-navy); font-family: inherit; font-size: clamp(3.55rem,5.3vw,5.25rem); font-weight: 760; line-height: .98; letter-spacing: -.064em; text-wrap: balance; } .home .gl-platform-hero h1 span { color: var(--gl-platform-violet); } .home .gl-platform-hero__lead { max-width: 600px; margin: 27px 0 0; color: #5e687b; font-size: clamp(1.04rem,1.35vw,1.18rem); line-height: 1.75; } .home .gl-platform-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; } .home .gl-platform-trust { display: flex; flex-wrap: wrap; gap: 9px 22px; margin: 36px 0 0; padding: 25px 0 0; border-top: 1px solid #e6e9ef; color: #747d8d; font-size: .78rem; font-weight: 650; list-style: none; } .home .gl-platform-trust li { display: flex; align-items: center; gap: 9px; } .home .gl-platform-trust li::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #9b87eb; } .home .gl-platform-hero__visual { position: relative; min-height: 570px; overflow: visible; } .home .gl-platform-hero__visual::before { content: ""; position: absolute; inset: 12px -10px -10px 20px; z-index: -1; border-radius: 28px 28px 84px 28px; background: linear-gradient(145deg,#f1eefc,#ebe7fb); box-shadow: 0 12px 30px rgba(96,70,215,.055); } .home .gl-platform-hero__visual > img { width: 100%; height: 570px; border-radius: 30px 30px 90px 30px; object-fit: cover; object-position: center; filter: saturate(.83) contrast(1.01); box-shadow: 0 24px 60px rgba(16,27,55,.14); } .home .gl-platform-hero__fallback { display: grid; place-items: center; height: 570px; border-radius: 30px 30px 90px 30px; background: linear-gradient(145deg,#e9e4fb,#fbf9f4); color: var(--gl-platform-violet); } .home .gl-platform-hero__fallback .gl-icon { width: 80px; height: 80px; } .home .gl-platform-hero__signal { position: absolute; right: -22px; bottom: 38px; display: flex; align-items: center; gap: 14px; width: 270px; padding: 17px 19px; border: 1px solid rgba(255,255,255,.8); border-radius: 17px; background: rgba(255,255,255,.92); box-shadow: 0 18px 36px rgba(16,27,55,.16); backdrop-filter: blur(10px); } .home .gl-platform-hero__signal > span { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 12px; background: var(--gl-platform-lilac); color: var(--gl-platform-violet); } .home .gl-platform-hero__signal p { display: grid; gap: 2px; margin: 0; color: #7a8190; font-size: .75rem; line-height: 1.4; } .home .gl-platform-hero__signal strong { color: var(--gl-platform-text); font-size: .87rem; } /* Experience cards: status, continuity and action. */ .home .gl-journey { padding-top: 84px; background: #fff; } .home .gl-experience-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; } .home .gl-experience-card { display: flex; flex-direction: column; min-height: 310px; padding: 29px; border: 1px solid var(--gl-platform-line); border-radius: 20px; background: #f9fbfd; transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease; } .home .gl-experience-card--primary { background: linear-gradient(145deg,#f0edff,#faf9ff); } .home .gl-experience-card--warm { background: linear-gradient(145deg,#fbf6ec,#fffdf9); } .home .gl-experience-card:hover { border-color: #d3ccef; box-shadow: 0 15px 32px rgba(22,31,54,.08); transform: translateY(-4px); } .home .gl-experience-card__icon { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 28px; border-radius: 13px; background: #fff; color: var(--gl-platform-violet); box-shadow: 0 6px 16px rgba(36,43,63,.07); transition: background 180ms ease, color 180ms ease; } .home .gl-experience-card:hover .gl-experience-card__icon { background: var(--gl-platform-violet); color: #fff; } .home .gl-experience-card__label { margin: 0 0 6px; color: var(--gl-platform-violet); font-size: .69rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; } .home .gl-experience-card__state { color: #7a8495; font-size: .78rem; } .home .gl-experience-card h3 { display: -webkit-box; margin: 10px 0 25px; overflow: hidden; color: var(--gl-platform-text); font-family: inherit; font-size: 1.23rem; font-weight: 720; line-height: 1.35; letter-spacing: -.025em; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .home .gl-experience-card > a { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; color: var(--gl-platform-violet-dark); font-size: .84rem; font-weight: 760; } .home .gl-experience-card > a .gl-icon { width: 16px; transition: transform 180ms ease; } .home .gl-experience-card:hover > a .gl-icon { transform: translateX(4px); } /* Path cards: navigation tools, not stories. */ .home .gl-paths { background: #f7f8fb; } .home .gl-path-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; } .home .gl-path-card { display: grid; grid-template-columns: 48px minmax(0,1fr) 24px; align-items: center; gap: 17px; min-height: 148px; padding: 24px; border: 1px solid #e2e6ed; border-radius: 17px; background: #fff; transition: transform 190ms ease, border-color 190ms ease, box-shadow 190ms ease; } .home .gl-path-card:hover { border-color: #cfc6f3; box-shadow: 0 13px 28px rgba(16,27,55,.065); transform: translateY(-3px); } .home .gl-path-card__icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: var(--gl-platform-lilac); color: var(--gl-platform-violet); transition: background 180ms ease, color 180ms ease; } .home .gl-path-card:hover .gl-path-card__icon { background: var(--gl-platform-violet); color: #fff; } .home .gl-path-card__copy { display: grid; gap: 7px; } .home .gl-path-card__copy strong { color: var(--gl-platform-text); font-size: .98rem; line-height: 1.25; } .home .gl-path-card__copy small { color: var(--gl-platform-muted); font-size: .78rem; line-height: 1.55; } .home .gl-path-card__arrow { color: #a0a7b5; } .home .gl-path-card__arrow .gl-icon { width: 18px; transition: transform 180ms ease; } .home .gl-path-card:hover .gl-path-card__arrow { color: var(--gl-platform-violet); } .home .gl-path-card:hover .gl-path-card__arrow .gl-icon { transform: translateX(4px); } /* Advertising remains functional and recedes when inventory is empty. */ .home .gl-platform-ad { display: flex; justify-content: center; padding-block: 26px; } .home .gl-platform-ad--after-hero { position: relative; z-index: 2; padding-block: 28px; background: #fff; } .home .gl-platform-ad--compact { padding-block: 18px; } .home .gl-platform-ad > * { width: min(100%,970px); } .home .gl-platform-ad .gl-ad-slot { position: relative; width: 100%; border: 0; background: transparent; } .home .gl-platform-ad .gl-ad-slot::before, .home .gl-platform-ad .gl-ad-slot::after { display: none; } .home .gl-platform-ad .gl-ad-slot--placeholder.gl-ad-slot--leaderboard { min-height: 58px; } .home .gl-platform-ad .gl-ad-slot--placeholder.gl-ad-slot--billboard { min-height: 82px; } .home .gl-platform-ad .gl-ad-slot--placeholder.gl-ad-slot--rectangle { min-height: 74px; } .home .gl-platform-ad .gl-ad-slot--placeholder .gl-ad-slot__preview { transform: scale(.88); opacity: .46; } /* Weekly feature: one intentional content moment. */ .home .gl-weekly { background: #fff; } .home .gl-weekly-feature { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(390px,.8fr); min-height: 520px; overflow: hidden; border-radius: 26px; background: var(--gl-platform-sand); } .home .gl-weekly-feature__media { overflow: hidden; } .home .gl-weekly-feature__media img { width: 100%; height: 100%; min-height: 520px; object-fit: cover; filter: saturate(.85); transition: transform 500ms ease; } .home .gl-weekly-feature:hover .gl-weekly-feature__media img { transform: scale(1.02); } .home .gl-weekly-feature__body { display: flex; flex-direction: column; justify-content: center; padding: 54px; } .home .gl-weekly-feature__label { margin: 0 0 14px; color: var(--gl-platform-violet); font-size: .7rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; } .home .gl-weekly-feature h3 { margin: 0; color: var(--gl-platform-navy); font-family: inherit; font-size: clamp(2rem,3vw,3rem); font-weight: 730; line-height: 1.08; letter-spacing: -.045em; } .home .gl-weekly-feature__body > p:not(.gl-weekly-feature__label) { margin: 21px 0 0; color: #667082; line-height: 1.72; } .home .gl-weekly-feature__meta { margin: 22px 0 28px; color: #788194; font-size: .76rem; } .home .gl-weekly-feature__meta span { display: inline-flex; align-items: center; gap: 7px; } .home .gl-weekly-feature__meta .gl-icon { width: 15px; } .home .gl-weekly-feature .gl-platform-button { align-self: flex-start; } /* EBD as a central platform product. */ .home .gl-ebd-product { background: linear-gradient(180deg,#f7f8fb,#fff); } .home .gl-ebd-product__shell { display: grid; grid-template-columns: minmax(0,1.75fr) minmax(310px,.65fr); gap: 20px; } .home .gl-ebd-current { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(330px,.92fr); overflow: hidden; border: 1px solid #e0e4ec; border-radius: 23px; background: #fff; } .home .gl-ebd-current__media { overflow: hidden; min-height: 490px; } .home .gl-ebd-current__media img { width: 100%; height: 100%; min-height: 490px; object-fit: cover; filter: saturate(.82); transition: transform 500ms ease; } .home .gl-ebd-current:hover .gl-ebd-current__media img { transform: scale(1.02); } .home .gl-ebd-current__body { display: flex; flex-direction: column; justify-content: center; padding: 48px; } .home .gl-ebd-current__label { display: flex; align-items: center; gap: 9px; margin: 0 0 16px; color: var(--gl-platform-violet); font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; } .home .gl-ebd-current__label span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; background: var(--gl-platform-lilac); } .home .gl-ebd-current h3 { margin: 0; color: var(--gl-platform-navy); font-family: inherit; font-size: clamp(1.9rem,2.65vw,2.75rem); font-weight: 730; line-height: 1.08; letter-spacing: -.04em; } .home .gl-ebd-current__body > p:not(.gl-ebd-current__label) { margin: 20px 0 28px; color: var(--gl-platform-muted); line-height: 1.7; } .home .gl-ebd-current .gl-platform-button { align-self: flex-start; } .home .gl-ebd-next { display: flex; flex-direction: column; padding: 29px; border: 1px solid #ded9f5; border-radius: 23px; background: #f4f1ff; } .home .gl-ebd-next__head { display: flex; align-items: center; gap: 13px; padding-bottom: 22px; border-bottom: 1px solid rgba(96,70,215,.14); } .home .gl-ebd-next__head > span { display: grid; place-items: center; width: 41px; height: 41px; border-radius: 12px; background: #fff; color: var(--gl-platform-violet); } .home .gl-ebd-next__head div { display: grid; gap: 2px; } .home .gl-ebd-next__head strong { font-size: .95rem; } .home .gl-ebd-next__head small { color: #7b739f; font-size: .72rem; } .home .gl-ebd-next__item { display: grid; grid-template-columns: minmax(0,1fr) 18px; align-items: center; gap: 12px; padding: 19px 0; border-bottom: 1px solid rgba(96,70,215,.13); color: #313951; font-size: .88rem; font-weight: 650; line-height: 1.4; } .home .gl-ebd-next__item .gl-icon { width: 16px; color: #8d81c5; transition: transform 180ms ease; } .home .gl-ebd-next__item:hover { color: var(--gl-platform-violet-dark); } .home .gl-ebd-next__item:hover .gl-icon { transform: translateX(3px); } .home .gl-ebd-next__all { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 25px; color: var(--gl-platform-violet-dark); font-size: .82rem; font-weight: 780; } .home .gl-ebd-next__all .gl-icon { width: 16px; } /* Spiritual pause is the only large serif moment. */ .home .gl-platform-scripture { padding: 82px 0; background: radial-gradient(circle at 85% 10%,rgba(111,86,224,.28),transparent 28%),var(--gl-platform-navy); color: #fff; } .home .gl-platform-scripture__inner { display: grid; grid-template-columns: 66px minmax(0,1fr) auto; align-items: center; gap: 40px; } .home .gl-platform-scripture__mark { display: grid; place-items: center; width: 60px; height: 60px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; color: #d5caff; } .home .gl-platform-scripture__mark .gl-icon { width: 26px; } .home .gl-platform-scripture .gl-platform-kicker { color: #d7caff; } .home .gl-platform-scripture h2 { margin: 0; max-width: 860px; font-family: Cambria,Georgia,"Times New Roman",serif; font-size: clamp(2.45rem,4vw,4.05rem); font-weight: 400; line-height: 1.08; letter-spacing: -.035em; text-wrap: balance; } .home .gl-platform-scripture__reference { margin: 19px 0 0; color: rgba(255,255,255,.65); font-size: .75rem; font-weight: 750; letter-spacing: .11em; text-transform: uppercase; } /* Bible explorer: the platform's content map. */ .home .gl-bible-explorer { background: #fff; } .home .gl-bible-explorer__layout { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(330px,.55fr); gap: 20px; } .home .gl-bible-book-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; } .home .gl-bible-book-grid a { display: grid; grid-template-columns: 42px minmax(0,1fr) 20px; align-items: center; gap: 14px; min-height: 92px; padding: 20px; border: 1px solid #e3e7ed; border-radius: 15px; background: #fafbfc; transition: transform 180ms ease,border-color 180ms ease,background 180ms ease; } .home .gl-bible-book-grid a:hover { border-color: #cfc7f2; background: #fff; transform: translateY(-2px); } .home .gl-bible-book-grid a > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 11px; background: #ede9fb; color: var(--gl-platform-violet); } .home .gl-bible-book-grid a > .gl-icon { width: 17px; color: #a1a8b4; } .home .gl-bible-book-grid strong { font-size: .92rem; } .home .gl-bible-start { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 300px; padding: 36px; border-radius: 20px; background: radial-gradient(circle at 100% 0,rgba(111,86,224,.35),transparent 42%),var(--gl-platform-navy-2); color: #fff; } .home .gl-bible-start > span { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 27px; border: 1px solid rgba(255,255,255,.18); border-radius: 14px; color: #d9d0ff; } .home .gl-bible-start .gl-platform-kicker { color: #d8cdff; } .home .gl-bible-start h3 { margin: 0 0 27px; font-family: inherit; font-size: 1.7rem; font-weight: 690; line-height: 1.22; letter-spacing: -.035em; } /* Content cards appear only after the product journeys. */ .home .gl-recommended { background: #f6f7fa; } .home .gl-content-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; } .home .gl-content-card { display: flex; flex-direction: column; overflow: hidden; border: 1px solid #e1e5ec; border-radius: 18px; background: #fff; transition: transform 200ms ease,border-color 200ms ease,box-shadow 200ms ease; } .home .gl-content-card:hover { border-color: #cec6f0; box-shadow: 0 16px 34px rgba(16,27,55,.085); transform: translateY(-4px); } .home .gl-content-card__media { display: block; aspect-ratio: 16/10; overflow: hidden; background: #eceaf4; } .home .gl-content-card__media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.87); transition: transform 450ms ease; } .home .gl-content-card:hover .gl-content-card__media img { transform: scale(1.02); } .home .gl-content-card__body { display: flex; flex: 1; flex-direction: column; padding: 22px; } .home .gl-content-card__category { margin: 0 0 10px; color: var(--gl-platform-violet); font-size: .65rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; } .home .gl-content-card h3 { display: -webkit-box; margin: 0 0 24px; overflow: hidden; font-family: inherit; font-size: 1.07rem; font-weight: 720; line-height: 1.37; letter-spacing: -.022em; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .home .gl-content-card__footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; color: #858d9c; font-size: .7rem; } .home .gl-content-card__footer span, .home .gl-content-card__footer a { display: inline-flex; align-items: center; gap: 5px; } .home .gl-content-card__footer .gl-icon { width: 14px; } .home .gl-content-card__footer a { color: var(--gl-platform-violet-dark); font-weight: 750; } /* Themes and guided reading. */ .home .gl-walk-themes { background: #fff; } .home .gl-walk-themes__layout { display: grid; grid-template-columns: minmax(300px,.7fr) minmax(0,1.3fr); align-items: start; gap: 80px; } .home .gl-walk-themes .gl-platform-heading { display: block; margin: 0; } .home .gl-walk-themes .gl-platform-heading > p { margin-top: 18px; } .home .gl-theme-cloud { display: flex; flex-wrap: wrap; gap: 11px; } .home .gl-theme-cloud a { display: inline-flex; align-items: center; gap: 12px; min-height: 50px; padding: 12px 17px; border: 1px solid #dfe3ea; border-radius: 13px; background: #fafbfc; color: #3c4658; font-size: .86rem; font-weight: 660; transition: transform 180ms ease,border-color 180ms ease,background 180ms ease,color 180ms ease; } .home .gl-theme-cloud a span { color: #9da5b2; } .home .gl-theme-cloud a .gl-icon { width: 15px; } .home .gl-theme-cloud a:hover { border-color: #cec5f1; background: #f5f2ff; color: var(--gl-platform-violet-dark); transform: translateY(-2px); } .home .gl-guided-reading { padding: 40px 0 92px; background: #fff; } .home .gl-guided-reading__inner { display: grid; grid-template-columns: 68px minmax(0,1fr) auto; align-items: center; gap: 30px; padding: 45px 50px; border-radius: 22px; background: radial-gradient(circle at 82% 0,rgba(108,81,224,.3),transparent 27%),var(--gl-platform-navy); color: #fff; } .home .gl-guided-reading__icon { display: grid; place-items: center; width: 62px; height: 62px; border: 1px solid rgba(255,255,255,.17); border-radius: 17px; color: #d7ccff; } .home .gl-guided-reading__icon .gl-icon { width: 29px; } .home .gl-guided-reading .gl-platform-kicker { color: #d4c8ff; } .home .gl-guided-reading h2 { margin: 0; font-family: inherit; font-size: clamp(1.8rem,2.8vw,2.7rem); font-weight: 700; line-height: 1.1; letter-spacing: -.04em; } .home .gl-guided-reading__copy > p:last-child { margin: 13px 0 0; color: rgba(255,255,255,.67); } /* Product-style weekly reflection and platform footer. */ .home .gl-newsletter { padding: 90px 0; background: #f5f1e9; } .home .gl-newsletter__box { grid-template-columns: minmax(0,1fr) auto; gap: 70px; padding: 60px; border: 0; border-radius: 22px; background: #fff; color: var(--gl-platform-text); box-shadow: 0 12px 35px rgba(43,43,54,.055); } .home .gl-newsletter__box::after { display: none; } .home .gl-newsletter .gl-eyebrow { color: var(--gl-platform-violet); font-family: inherit; } .home .gl-newsletter .gl-eyebrow::before { display: none; } .home .gl-newsletter h2 { max-width: 720px; color: var(--gl-platform-navy); font-family: inherit; font-size: clamp(2.15rem,3.5vw,3.25rem); font-weight: 720; line-height: 1.08; letter-spacing: -.045em; } .home .gl-newsletter p { color: var(--gl-platform-muted); } .home .gl-newsletter__action .gl-button { border: 1px solid var(--gl-platform-violet); border-radius: 12px; background: var(--gl-platform-violet); color: #fff; box-shadow: 0 9px 20px rgba(96,70,215,.15); } .home .gl-newsletter__action .gl-button:hover { background: var(--gl-platform-violet-dark); color: #fff; } .home .gl-footer { padding-top: 84px; background: #0d1730; } .home .gl-footer__grid { grid-template-columns: 1.4fr .75fr .75fr .85fr; gap: 64px; } .home .gl-footer__about { max-width: 300px; color: rgba(255,255,255,.66); font-size: 1rem; line-height: 1.7; } .home .gl-footer h3 { color: #d2c5ff; } .home .gl-footer a:hover { color: #fff; } .home .gl-footer__bottom { margin-top: 68px; } @media (max-width: 1180px) { .home .gl-container { width: min(calc(100% - 48px),1280px); } .home .gl-nav a { padding-inline: 8px; font-size: .8rem; } .home .gl-platform-hero__grid { grid-template-columns: minmax(0,1fr) minmax(420px,.9fr); gap: 50px; } .home .gl-platform-hero h1 { font-size: clamp(3.2rem,5.7vw,4.45rem); } .home .gl-platform-hero__visual, .home .gl-platform-hero__visual > img, .home .gl-platform-hero__fallback { height: 510px; min-height: 510px; } .home .gl-weekly-feature { grid-template-columns: minmax(0,1.05fr) minmax(350px,.95fr); } .home .gl-ebd-current { grid-template-columns: 1fr; } .home .gl-ebd-current__media, .home .gl-ebd-current__media img { min-height: 360px; max-height: 400px; } .home .gl-content-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } } @media (max-width: 960px) { .home .gl-header__inner { min-height: 76px; } .home .gl-platform-section { padding-block: 78px; } .home .gl-platform-hero { padding-top: 48px; } .home .gl-platform-hero__grid { grid-template-columns: 1fr; } .home .gl-platform-hero__content { max-width: 740px; padding-bottom: 0; } .home .gl-platform-hero__visual { min-height: 560px; } .home .gl-platform-hero__visual > img, .home .gl-platform-hero__fallback { height: 560px; min-height: 560px; } .home .gl-experience-grid { grid-template-columns: repeat(3,minmax(300px,1fr)); overflow-x: auto; padding: 0 4px 18px; scroll-snap-type: x mandatory; } .home .gl-experience-card { scroll-snap-align: start; } .home .gl-path-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .home .gl-weekly-feature { grid-template-columns: 1fr; } .home .gl-weekly-feature__media img { min-height: 430px; max-height: 500px; } .home .gl-weekly-feature__body { padding: 44px; } .home .gl-ebd-product__shell { grid-template-columns: 1fr; } .home .gl-ebd-current { grid-template-columns: minmax(0,1fr) minmax(300px,.9fr); } .home .gl-ebd-next { min-height: 350px; } .home .gl-platform-scripture__inner { grid-template-columns: 58px 1fr; } .home .gl-platform-scripture .gl-platform-button { grid-column: 2; justify-self: start; } .home .gl-bible-explorer__layout { grid-template-columns: 1fr; } .home .gl-bible-start { min-height: 280px; } .home .gl-walk-themes__layout { grid-template-columns: 1fr; gap: 40px; } .home .gl-guided-reading__inner { grid-template-columns: 58px 1fr; } .home .gl-guided-reading .gl-platform-button { grid-column: 2; justify-self: start; } .home .gl-newsletter__box { grid-template-columns: 1fr; padding: 48px; } .home .gl-newsletter__action { justify-items: start; } .home .gl-footer__grid { grid-template-columns: 1.3fr repeat(3,.7fr); gap: 36px; } } @media (max-width: 680px) { .home .gl-container { width: min(calc(100% - 28px),1280px); } .home .gl-platform-section { padding-block: 64px; } .home .gl-platform-heading, .home .gl-platform-heading--compact { display: block; margin-bottom: 30px; } .home .gl-platform-heading h2 { font-size: 2.18rem; line-height: 1.08; } .home .gl-platform-heading > p { margin-top: 14px; font-size: .92rem; } .home .gl-platform-kicker { margin-bottom: 10px; font-size: .64rem; } .home .gl-header__inner { min-height: 70px; } .home .gl-brand__mark { width: 42px; height: 42px; } .home .gl-platform-hero { padding: 42px 0 58px; } .home .gl-platform-hero__grid { gap: 38px; } .home .gl-platform-hero__content { padding: 0; } .home .gl-platform-hero h1 { font-size: clamp(2.65rem,12.2vw,3.25rem); line-height: 1.01; letter-spacing: -.058em; } .home .gl-platform-hero__lead { margin-top: 21px; font-size: .96rem; line-height: 1.66; } .home .gl-platform-hero__actions { display: grid; grid-template-columns: 1fr; margin-top: 27px; } .home .gl-platform-button { width: 100%; min-height: 48px; } .home .gl-platform-trust { gap: 8px 16px; margin-top: 28px; padding-top: 20px; font-size: .7rem; } .home .gl-platform-hero__visual { min-height: 390px; } .home .gl-platform-hero__visual::before { inset: 15px -8px -13px 25px; border-radius: 24px; } .home .gl-platform-hero__visual > img, .home .gl-platform-hero__fallback { height: 390px; min-height: 390px; border-radius: 22px 22px 58px 22px; } .home .gl-platform-hero__signal { right: 12px; bottom: 18px; width: 245px; padding: 13px 15px; } .home .gl-platform-hero__signal > span { width: 38px; height: 38px; } .home .gl-journey { padding-top: 62px; } .home .gl-experience-grid { width: calc(100% + 14px); grid-template-columns: repeat(3,82vw); gap: 12px; margin-right: -14px; padding-right: 14px; } .home .gl-experience-card { min-height: 285px; padding: 24px; } .home .gl-path-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; } .home .gl-path-card { display: flex; flex-direction: column; align-items: flex-start; min-height: 205px; padding: 19px 16px; } .home .gl-path-card__icon { width: 43px; height: 43px; } .home .gl-path-card__copy { gap: 7px; } .home .gl-path-card__copy strong { font-size: .9rem; } .home .gl-path-card__copy small { font-size: .72rem; } .home .gl-path-card__arrow { margin-top: auto; } .home .gl-platform-ad { padding-block: 13px; } .home .gl-platform-ad .gl-ad-slot--placeholder.gl-ad-slot--leaderboard, .home .gl-platform-ad .gl-ad-slot--placeholder.gl-ad-slot--billboard, .home .gl-platform-ad .gl-ad-slot--placeholder.gl-ad-slot--rectangle { min-height: 54px; } .home .gl-weekly-feature { min-height: 0; border-radius: 20px; } .home .gl-weekly-feature__media img { min-height: 285px; max-height: 310px; } .home .gl-weekly-feature__body { padding: 29px 24px 30px; } .home .gl-weekly-feature h3 { font-size: 2rem; } .home .gl-weekly-feature .gl-platform-button { align-self: stretch; } .home .gl-ebd-current { grid-template-columns: 1fr; } .home .gl-ebd-current__media, .home .gl-ebd-current__media img { min-height: 270px; max-height: 300px; } .home .gl-ebd-current__body { padding: 27px 23px 29px; } .home .gl-ebd-current h3 { font-size: 1.85rem; } .home .gl-ebd-current .gl-platform-button { align-self: stretch; } .home .gl-ebd-next { min-height: 340px; padding: 24px; } .home .gl-platform-scripture { padding: 64px 0; } .home .gl-platform-scripture__inner { display: block; } .home .gl-platform-scripture__mark { width: 50px; height: 50px; margin-bottom: 28px; } .home .gl-platform-scripture h2 { font-size: 2.55rem; line-height: 1.08; } .home .gl-platform-scripture .gl-platform-button { width: auto; margin-top: 28px; } .home .gl-bible-book-grid { grid-template-columns: 1fr; } .home .gl-bible-book-grid a { min-height: 78px; } .home .gl-bible-start { min-height: 310px; padding: 29px; } .home .gl-bible-start .gl-platform-button { width: auto; } .home .gl-content-grid { display: grid; width: calc(100% + 14px); grid-template-columns: repeat(4,82vw); gap: 12px; margin-right: -14px; padding: 0 14px 18px 0; overflow-x: auto; scroll-snap-type: x mandatory; } .home .gl-content-card { scroll-snap-align: start; } .home .gl-content-card__body { min-height: 215px; } .home .gl-theme-cloud { gap: 8px; } .home .gl-theme-cloud a { min-height: 46px; padding: 10px 13px; font-size: .78rem; } .home .gl-guided-reading { padding: 20px 0 64px; } .home .gl-guided-reading__inner { display: block; padding: 31px 25px; } .home .gl-guided-reading__icon { width: 54px; height: 54px; margin-bottom: 27px; } .home .gl-guided-reading h2 { font-size: 2rem; } .home .gl-guided-reading .gl-platform-button { width: 100%; margin-top: 26px; } .home .gl-newsletter { padding: 64px 0; } .home .gl-newsletter__box { gap: 30px; padding: 32px 24px; border-radius: 18px; } .home .gl-newsletter h2 { font-size: 2.2rem; } .home .gl-newsletter__action .gl-button { width: 100%; } .home .gl-footer { padding-top: 64px; } .home .gl-footer__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 38px 24px; } .home .gl-footer__brand { grid-column: 1/-1; } .home .gl-footer__bottom { margin-top: 50px; } } @media (max-width: 380px) { .home .gl-container { width: min(calc(100% - 22px),1280px); } .home .gl-platform-hero h1 { font-size: 2.58rem; } .home .gl-platform-hero__visual, .home .gl-platform-hero__visual > img, .home .gl-platform-hero__fallback { height: 360px; min-height: 360px; } .home .gl-platform-hero__signal { right: 8px; width: 230px; } .home .gl-path-card { min-height: 215px; padding-inline: 14px; } .home .gl-platform-scripture h2 { font-size: 2.32rem; } } @media (prefers-reduced-motion: reduce) { .home .gl-platform-button, .home .gl-experience-card, .home .gl-path-card, .home .gl-content-card, .home .gl-theme-cloud a, .home img, .home .gl-icon { transition: none !important; } } /* Hero 5.1 — controlled title and a single floating experience card. */ .home .gl-platform-hero .gl-container { width: min(calc(100% - 64px),1440px); } .home .gl-platform-hero__grid { grid-template-columns: minmax(0,49fr) minmax(0,51fr); gap: clamp(48px,4.4vw,68px); } .home .gl-platform-hero__content { min-width: 0; } .home .gl-platform-hero h1 { max-width: 710px; font-size: clamp(3.65rem,4.55vw,4.1rem); line-height: .99; letter-spacing: -.064em; } .home .gl-platform-hero h1 .gl-platform-hero__title-line { display: block; } .home .gl-platform-hero h1 .gl-platform-hero__title-line--ink { color: var(--gl-platform-navy); white-space: nowrap; } .home .gl-platform-hero h1 .gl-platform-hero__title-line--violet { color: var(--gl-platform-violet); } .home .gl-platform-hero__media { width: 100%; height: 570px; overflow: hidden; border: 1px solid rgba(16,27,55,.045); border-radius: 30px 30px 90px 30px; background: #e9e5f5; box-shadow: 0 20px 48px rgba(16,27,55,.12); } .home .gl-platform-hero__media img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 46%; filter: saturate(.83) contrast(1.01); animation: gl-hero-cinematic 16s ease-in-out infinite alternate; transform-origin: 52% 46%; } .home .gl-platform-hero__media .gl-platform-hero__fallback { width: 100%; height: 100%; min-height: 0; border-radius: 0; box-shadow: none; } .home .gl-platform-float { position: absolute; z-index: 3; display: flex; align-items: center; gap: 13px; border: 1px solid rgba(255,255,255,.72); backdrop-filter: blur(9px); transition: translate 210ms ease, box-shadow 210ms ease, border-color 210ms ease; will-change: transform,opacity; } .home .gl-platform-float > span { display: grid; flex: 0 0 auto; place-items: center; } .home .gl-platform-float p { display: grid; gap: 2px; margin: 0; font-style: normal; line-height: 1.35; } .home .gl-platform-float strong { font-size: .86rem; font-weight: 760; } .home .gl-platform-float em { font-size: .72rem; font-style: normal; font-weight: 480; } .home .gl-platform-float small { margin-bottom: 3px; font-size: .59rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; } .home .gl-platform-float:hover { animation-play-state: paused; translate: 0 -2px; } .home .gl-platform-float:hover > span { transform: scale(1.045); } .home .gl-platform-float--growth { right: -10px; bottom: 35px; width: 264px; padding: 17px 19px; border-radius: 17px; background: rgba(255,255,255,.93); color: #7a8190; box-shadow: 0 15px 32px rgba(16,27,55,.14); animation: gl-card-enter-up 620ms 180ms cubic-bezier(.2,.75,.25,1) both, gl-card-float-up 6.4s 900ms ease-in-out infinite; animation-composition: replace,add; } .home .gl-platform-float--growth:hover { box-shadow: 0 21px 42px rgba(16,27,55,.21); } .home .gl-platform-float--growth > span { width: 43px; height: 43px; border-radius: 12px; background: var(--gl-platform-lilac); color: var(--gl-platform-violet); } .home .gl-platform-float--growth strong { color: var(--gl-platform-text); } @keyframes gl-card-enter-up { from { opacity: 0; transform: translate3d(0,8px,0); } to { opacity: 1; transform: translate3d(0,0,0); } } @keyframes gl-card-float-up { 0%,100% { transform: translate3d(0,0,0); } 50% { transform: translate3d(0,-5px,0); } } @keyframes gl-hero-cinematic { from { transform: scale(1); } to { transform: scale(1.015); } } @media (max-width: 1439px) { .home .gl-platform-hero .gl-container { width: min(calc(100% - 48px),1440px); } .home .gl-platform-hero__grid { grid-template-columns: minmax(0,50fr) minmax(0,50fr); gap: 48px; } .home .gl-platform-hero h1 { max-width: 620px; font-size: clamp(3.45rem,4.65vw,4.2rem); } .home .gl-platform-float--growth { right: -8px; bottom: 30px; width: 240px; padding: 15px 17px; } .home .gl-platform-float strong { font-size: .8rem; } .home .gl-platform-float em { font-size: .67rem; } } @media (max-width: 960px) { .home .gl-platform-hero__grid { grid-template-columns: 1fr; gap: 42px; } .home .gl-platform-hero h1 { max-width: 720px; font-size: clamp(3.2rem,7.2vw,4.15rem); } .home .gl-platform-hero__media { height: 560px; border-radius: 28px 28px 78px 28px; } .home .gl-platform-float--growth { right: 18px; bottom: 26px; width: 248px; } } @media (max-width: 680px) { .home .gl-platform-hero .gl-container { width: min(calc(100% - 28px),1440px); } .home .gl-platform-hero__visual { height: 390px; min-height: 390px; } .home .gl-platform-hero h1 { max-width: none; font-size: clamp(2.33rem,10.2vw,2.85rem); line-height: 1.01; letter-spacing: -.056em; } .home .gl-platform-hero h1 .gl-platform-hero__title-line--ink { white-space: nowrap; } .home .gl-platform-hero h1 .gl-platform-hero__title-line--violet { max-width: 330px; } .home .gl-platform-hero__media { height: 390px; border-radius: 22px 22px 58px 22px; } .home .gl-platform-hero__visual::before { inset: 8px -5px -7px 13px; border-radius: 20px 20px 55px 20px; } .home .gl-platform-float--growth { right: 11px; bottom: 17px; width: 236px; padding: 13px 14px; } .home .gl-platform-float--growth > span { width: 38px; height: 38px; } } @media (max-width: 380px) { .home .gl-platform-hero .gl-container { width: min(calc(100% - 22px),1440px); } .home .gl-platform-hero__visual { height: 360px; min-height: 360px; } .home .gl-platform-hero h1 { font-size: 2.27rem; } .home .gl-platform-hero__media { height: 360px; } .home .gl-platform-float--growth { right: 7px; width: 226px; } } @media (prefers-reduced-motion: reduce) { .home .gl-platform-float, .home .gl-platform-hero__media img { animation: none !important; opacity: 1; transform: none !important; translate: none !important; } .home .gl-platform-float, .home .gl-platform-float > span { transition: none !important; } } /* ========================================================================== Gospel Livre 6.0 — shared Biblical Experience Platform design system ========================================================================== */ :root { --gl-bg: #fbfcfe; --gl-surface: #ffffff; --gl-surface-soft: #f6f7fa; --gl-text: #172033; --gl-text-muted: #657084; --gl-primary: #6046d7; --gl-primary-hover: #4b34ba; --gl-navy: #101b37; --gl-border: #e3e7ee; --gl-accent-soft: #f1edff; --gl-error: #b42318; --gl-warning: #b7791f; --gl-space-1: 4px; --gl-space-2: 8px; --gl-space-3: 12px; --gl-space-4: 16px; --gl-space-6: 24px; --gl-space-8: 32px; --gl-space-10: 40px; --gl-space-12: 48px; --gl-space-16: 64px; --gl-space-20: 80px; --gl-space-24: 96px; --gl-space-30: 120px; --gl-container-narrow: 760px; --gl-container-standard: 1120px; --gl-container-wide: 1280px; } .gl-platform-internal { background: var(--gl-bg); color: var(--gl-text); font-family: Inter,"Segoe UI",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif; } .gl-platform-internal .gl-topline { display: none; } .gl-platform-internal .gl-container { width: min(calc(100% - 64px),var(--gl-container-wide)); } .gl-platform-internal .gl-header { border-bottom-color: rgba(23,32,51,.08); background: rgba(255,255,255,.94); box-shadow: 0 1px 12px rgba(16,27,55,.025); } .gl-platform-internal .gl-header__inner { min-height: 86px; gap: 34px; } .gl-platform-internal .gl-brand__mark { width: 48px; height: 48px; border-radius: 14px; box-shadow: 0 8px 22px rgba(96,70,215,.16); } .gl-platform-internal .gl-brand__name { font-size: 1.26rem; } .gl-platform-internal .gl-brand__tagline { font-size: .57rem; } .gl-platform-internal .gl-nav__list { gap: 4px; } .gl-platform-internal .gl-nav a { min-height: 44px; padding: 10px 12px; border-radius: 8px; color: #3d4658; font-size: .86rem; font-weight: 650; } .gl-platform-internal .gl-nav a:hover { background: #f6f4fd; color: var(--gl-primary); } .gl-platform-internal .gl-nav .current-menu-item > a { position: relative; background: transparent; color: var(--gl-primary); } .gl-platform-internal .gl-nav .current-menu-item > a::after { content: ""; position: absolute; right: 12px; bottom: 3px; left: 12px; height: 2px; border-radius: 2px; background: currentColor; } .gl-platform-internal .gl-icon-button { border-color: #e5e7eb; border-radius: 12px; background: #f7f7f8; } .gl-platform-internal .gl-icon-button:hover { background: var(--gl-accent-soft); } .gl-platform-label { margin: 0 0 12px; color: var(--gl-primary); font-size: .7rem; font-weight: 820; letter-spacing: .13em; line-height: 1.35; text-transform: uppercase; } .gl-breadcrumb { display: flex; align-items: center; gap: 8px; margin-bottom: 30px; color: #8a92a1; font-size: .73rem; } .gl-breadcrumb a:hover { color: var(--gl-primary); } .gl-breadcrumb .gl-icon { width: 12px; } .gl-breadcrumb span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .gl-page-hero { position: relative; overflow: hidden; padding: 40px 0 60px; border-bottom: 1px solid rgba(227,231,238,.8); background: radial-gradient(circle at 86% 14%,rgba(96,70,215,.075),transparent 22%),#fff; } .gl-page-hero::after { content: ""; position: absolute; right: -90px; bottom: -150px; width: 330px; height: 330px; border: 1px solid rgba(96,70,215,.055); border-radius: 50%; box-shadow: 0 0 0 50px rgba(96,70,215,.015); pointer-events: none; } .gl-page-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(360px,.8fr); align-items: end; gap: 72px; } .gl-page-hero__copy { max-width: 790px; } .gl-page-hero h1 { margin: 0; color: var(--gl-navy); font-family: inherit; font-size: clamp(2.75rem,4.4vw,4.15rem); font-weight: 740; line-height: 1.02; letter-spacing: -.055em; text-wrap: balance; } .gl-page-hero h1 span { color: var(--gl-primary); } .gl-page-hero__description { max-width: 680px; margin: 19px 0 0; color: var(--gl-text-muted); font-size: 1.03rem; line-height: 1.72; } .gl-page-hero__description p { margin: 0; } .gl-page-hero__count { display: inline-flex; align-items: baseline; gap: 6px; margin: 22px 0 0; padding: 7px 11px; border-radius: 8px; background: var(--gl-accent-soft); color: #71698e; font-size: .73rem; font-weight: 670; } .gl-page-hero__count strong { color: var(--gl-primary-hover); font-size: .95rem; } .gl-page-hero__search { padding: 27px; border: 1px solid rgba(217,220,229,.9); border-radius: 18px; background: rgba(255,255,255,.88); box-shadow: 0 15px 35px rgba(16,27,55,.065); backdrop-filter: blur(8px); } .gl-page-hero__search > label { display: block; margin-bottom: 10px; color: var(--gl-text); font-size: .82rem; font-weight: 720; } .gl-page-hero__search > small { display: block; margin-top: 9px; color: #8b93a1; font-size: .7rem; } .gl-page-hero--search { padding: 24px 0 30px; border-bottom: 0; background: #fff; } .gl-page-hero--search::after { display: none; } .gl-page-hero--search > .gl-container { position: relative; overflow: hidden; padding: 27px 36px 34px; border: 1px solid #e7e3f3; border-radius: 26px; background: linear-gradient(118deg,#f7f5ff 0%,#fbfaff 48%,#f3f6ff 100%); box-shadow: 0 15px 40px rgba(32,42,75,.055); } .gl-page-hero--search > .gl-container::after { content: ""; position: absolute; right: -85px; bottom: -135px; width: 300px; height: 300px; border: 1px solid rgba(96,70,215,.09); border-radius: 50%; box-shadow: 0 0 0 42px rgba(96,70,215,.025); pointer-events: none; } .gl-page-hero--search .gl-breadcrumb { position: relative; z-index: 1; margin-bottom: 23px; color: #848b9b; } .gl-page-hero--search .gl-page-hero__grid { grid-template-columns: minmax(0,1.08fr) minmax(340px,.92fr); align-items: center; gap: 58px; } .gl-page-hero--search .gl-page-hero__copy { max-width: 680px; } .gl-page-hero--search h1 { max-width: 680px; font-size: clamp(2.7rem,3.6vw,3.55rem); line-height: 1.01; } .gl-page-hero--search .gl-page-hero__description { max-width: 620px; margin-top: 15px; font-size: .95rem; line-height: 1.62; } .gl-page-hero--search .gl-page-hero__count { margin-top: 17px; border: 1px solid rgba(96,70,215,.1); background: rgba(255,255,255,.72); } .gl-page-hero--search .gl-page-hero__search { position: relative; z-index: 1; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; } .gl-page-hero--search .gl-page-hero__search > label { margin-bottom: 11px; font-size: .76rem; letter-spacing: .01em; } .gl-page-hero--search .gl-page-hero__search > small { margin-top: 8px; color: #7d8596; } .gl-page-hero--search .gl-search-form__field { min-height: 58px; border-color: #d8d8e5; border-radius: 14px; box-shadow: 0 8px 22px rgba(32,42,75,.045); } .gl-page-hero--search .gl-search-form__submit { top: 7px; right: 7px; width: 44px; height: 44px; border-radius: 11px; } .gl-page-hero--standard:not(.gl-page-hero--profile) { padding: 24px 0 30px; border-bottom: 0; background: #fff; } .gl-page-hero--standard:not(.gl-page-hero--profile)::after { display: none; } .gl-page-hero--standard:not(.gl-page-hero--profile) > .gl-container { position: relative; overflow: hidden; padding: 27px 36px 34px; border: 1px solid #e7e3f3; border-radius: 26px; background: linear-gradient(118deg,#f7f5ff 0%,#fbfaff 48%,#f3f6ff 100%); box-shadow: 0 15px 40px rgba(32,42,75,.055); } .gl-page-hero--standard:not(.gl-page-hero--profile) > .gl-container::after { content: ""; position: absolute; right: -85px; bottom: -135px; width: 300px; height: 300px; border: 1px solid rgba(96,70,215,.09); border-radius: 50%; box-shadow: 0 0 0 42px rgba(96,70,215,.025); pointer-events: none; } .gl-page-hero--standard:not(.gl-page-hero--profile) .gl-breadcrumb { position: relative; z-index: 1; margin-bottom: 23px; color: #848b9b; } .gl-page-hero--standard:not(.gl-page-hero--profile) .gl-page-hero__grid { grid-template-columns: 1fr; align-items: center; gap: 0; } .gl-page-hero--standard:not(.gl-page-hero--profile) .gl-page-hero__copy { position: relative; z-index: 1; max-width: 1020px; } .gl-page-hero--standard:not(.gl-page-hero--profile) h1 { max-width: 1020px; font-size: clamp(2.7rem,3.6vw,3.55rem); line-height: 1.01; } .gl-page-hero--standard:not(.gl-page-hero--profile) .gl-page-hero__description { max-width: 720px; margin-top: 15px; font-size: .95rem; line-height: 1.62; } .gl-page-hero--standard:not(.gl-page-hero--profile) .gl-page-hero__count { margin-top: 17px; border: 1px solid rgba(96,70,215,.1); background: rgba(255,255,255,.72); } .gl-page-hero--standard:not(.gl-page-hero--profile) .gl-platform-action { margin-top: 17px; } .gl-page-hero--visual > .gl-container { min-height: 382px; padding: 29px 40px 36px; isolation: isolate; } .gl-page-hero--visual > .gl-container::before { position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg,#f7f5ff 0%,#f8f6ff 39%,rgba(248,246,255,.96) 47%,rgba(248,246,255,.7) 59%,rgba(244,246,255,.22) 78%,rgba(244,246,255,.28) 100%),linear-gradient(180deg,rgba(248,246,255,.28),transparent 25%,transparent 70%,rgba(244,246,255,.64)); content: ''; pointer-events: none; } .gl-page-hero--visual > .gl-container::after { z-index: 1; right: -115px; bottom: -175px; opacity: .42; } .gl-page-hero--visual .gl-breadcrumb { position: relative; z-index: 2; max-width: 58%; margin-right: 0; } .gl-page-hero--visual .gl-page-hero__grid { position: static; display: flex; min-height: 270px; grid-template-columns: 1fr!important; align-items: center!important; gap: 0!important; } .gl-page-hero--visual .gl-page-hero__copy { position: relative; z-index: 2; width: min(58%,720px); max-width: 720px!important; padding: 12px 0 15px; } .gl-page-hero__media { position: relative; z-index: 1; min-width: 0; min-height: 236px; margin: -50px 0 0; overflow: hidden; border: 1px solid rgba(255,255,255,.86); border-radius: 20px; background: #ebe8f4; box-shadow: 0 18px 42px rgba(20,27,53,.13); isolation: isolate; } .gl-page-hero--visual .gl-page-hero__media { position: absolute; z-index: 0; inset: 0; min-height: 0; margin: 0; border: 0; border-radius: 0; background: #f0eef8; box-shadow: none; isolation: auto; pointer-events: none; } .gl-page-hero__media::after { position: absolute; inset: 0; border: 1px solid rgba(19,30,57,.055); border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255,255,255,.17); content: ''; pointer-events: none; } .gl-page-hero--visual .gl-page-hero__media::after { border: 0; border-radius: 0; background: linear-gradient(180deg,rgba(247,245,255,.34),transparent 24%,transparent 69%,rgba(244,246,255,.54)),linear-gradient(270deg,rgba(244,246,255,.36),transparent 17%); box-shadow: none; } .gl-page-hero__media picture { display: block; width: 100%; height: 100%; } .gl-page-hero__media img { display: block; width: 100%; height: 100%; min-height: 236px; object-fit: cover; object-position: center; filter: saturate(.91) contrast(.98); transition: transform .6s cubic-bezier(.2,.7,.2,1),filter .35s ease; } .gl-page-hero--visual .gl-page-hero__media img { min-height: 0; opacity: .78; filter: saturate(.62) contrast(.94) brightness(1.045); transform: scale(1.012); transform-origin: center; } .gl-page-hero--visual:hover .gl-page-hero__media img { transform: scale(1.018); filter: saturate(.68) contrast(.96) brightness(1.035); } .gl-page-hero--profile .gl-page-hero__grid { grid-template-columns: 144px minmax(0,1fr); align-items: center; gap: 34px; } .gl-page-hero__avatar-image { width: 144px; height: 144px; border: 6px solid #fff; border-radius: 28px; object-fit: cover; box-shadow: 0 14px 34px rgba(16,27,55,.13); } .gl-platform-action { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; margin-top: 25px; padding: 12px 18px; border: 1px solid var(--gl-primary); border-radius: 11px; background: var(--gl-primary); color: #fff; font-size: .85rem; font-weight: 760; box-shadow: 0 9px 20px rgba(96,70,215,.16); transition: transform 180ms ease,background 180ms ease,border-color 180ms ease,box-shadow 180ms ease; } .gl-platform-action:hover { border-color: var(--gl-primary-hover); background: var(--gl-primary-hover); color: #fff; box-shadow: 0 13px 25px rgba(96,70,215,.22); transform: translateY(-2px); } .gl-platform-action .gl-icon { width: 16px; transition: transform 180ms ease; } .gl-platform-action:hover .gl-icon { transform: translateX(3px); } .gl-platform-action--secondary { border-color: var(--gl-border); background: #fff; color: var(--gl-text); box-shadow: none; } .gl-platform-action--secondary:hover { border-color: #d1c8f4; background: #f7f4ff; color: var(--gl-primary-hover); box-shadow: none; } .gl-search-form { position: relative; display: flex; } .gl-search-form__field { width: 100%; min-height: 54px; padding: 12px 56px 12px 16px; border: 1px solid #d9dde6; border-radius: 12px; background: #fff; color: var(--gl-text); font-size: .93rem; outline: none; transition: border-color 180ms ease,box-shadow 180ms ease; } .gl-search-form__field::placeholder { color: #9199a7; } .gl-search-form__field:focus { border-color: var(--gl-primary); box-shadow: 0 0 0 4px rgba(96,70,215,.12); } .gl-search-form__submit { position: absolute; top: 6px; right: 6px; width: 42px; height: 42px; border: 0; background: #f4f2fb; color: var(--gl-primary); } .gl-filter-shell { overflow-x: clip; border-bottom: 1px solid var(--gl-border); background: #fff; } .gl-filter-bar { display: flex; align-items: center; justify-content: space-between; gap: 30px; min-height: 82px; } .gl-filter-bar__group { display: flex; align-items: center; gap: 18px; min-width: 0; } .gl-filter-bar__label { flex: 0 0 auto; color: #7b8494; font-size: .71rem; font-weight: 780; letter-spacing: .09em; text-transform: uppercase; } .gl-filter-bar__pills { display: flex; align-items: center; gap: 6px; overflow-x: auto; scrollbar-width: none; } .gl-filter-bar__pills::-webkit-scrollbar { display: none; } .gl-filter-bar__pills a { display: inline-flex; align-items: center; min-height: 38px; padding: 8px 13px; border: 1px solid transparent; border-radius: 10px; color: #5f6879; font-size: .79rem; font-weight: 680; white-space: nowrap; transition: color 180ms ease,background 180ms ease,border-color 180ms ease; } .gl-filter-bar__pills a:hover { background: #f6f4fd; color: var(--gl-primary); } .gl-filter-bar__pills a.is-active { border-color: #dcd5f8; background: var(--gl-accent-soft); color: var(--gl-primary-hover); } .gl-filter-bar__sort { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; } .gl-filter-bar__sort label { color: #7b8494; font-size: .72rem; font-weight: 700; } .gl-filter-bar__sort select { min-height: 38px; padding: 7px 31px 7px 10px; border: 1px solid var(--gl-border); border-radius: 9px; background: #fff; color: var(--gl-text); font-size: .77rem; } .gl-filter-bar__sort button { min-height: 38px; padding: 7px 12px; border: 1px solid #ded8f6; border-radius: 9px; background: #f5f2ff; color: var(--gl-primary-hover); font-size: .75rem; font-weight: 720; cursor: pointer; } .gl-internal-ad { display: flex; justify-content: center; padding-block: 13px; background: var(--gl-bg); } .gl-internal-ad > * { width: min(100%,970px); } .gl-internal-ad .gl-ad-slot { border: 0; background: transparent; } .gl-internal-ad .gl-ad-slot::before,.gl-internal-ad .gl-ad-slot::after { display: none; } .gl-internal-ad .gl-ad-slot--placeholder { min-height: 56px; } .gl-internal-ad .gl-ad-slot--placeholder .gl-ad-slot__preview { opacity: .4; transform: scale(.86); } .gl-internal-ad--infeed { margin-top: 30px; padding-block: 12px; } .gl-internal-ad--infeed .gl-ad-slot--placeholder { min-height: 72px; } .gl-discovery-results { padding: 70px 0 88px; background: var(--gl-surface-soft); } .gl-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 34px; } .gl-section-heading h2 { margin: 0; color: var(--gl-navy); font-family: inherit; font-size: clamp(2rem,3.2vw,3rem); font-weight: 720; line-height: 1.08; letter-spacing: -.045em; } .gl-section-heading > p { margin: 0 0 3px; color: var(--gl-text-muted); font-size: .9rem; } .gl-platform-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; } .gl-platform-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--gl-border); border-radius: 18px; background: #fff; box-shadow: 0 2px 8px rgba(16,27,55,.025); transition: transform 200ms ease,border-color 200ms ease,box-shadow 200ms ease; } .gl-platform-card:hover { border-color: #d1c9f2; box-shadow: 0 16px 34px rgba(16,27,55,.085); transform: translateY(-3px); } .gl-platform-card__media { display: block; aspect-ratio: 16/10; overflow: hidden; background: #eceaf4; } .gl-platform-card__media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.88); transition: transform 450ms ease; } .gl-platform-card:hover .gl-platform-card__media img { transform: scale(1.02); } .gl-platform-card__placeholder { display: grid; place-items: center; width: 100%; height: 100%; color: var(--gl-primary); background: linear-gradient(145deg,var(--gl-accent-soft),#fbf7ef); } .gl-platform-card__placeholder .gl-icon { width: 44px; height: 44px; } .gl-platform-card__body { display: flex; flex: 1; flex-direction: column; padding: 24px; } .gl-platform-card__recommendation { display: flex; align-items: center; gap: 7px; margin: 0 0 14px; color: var(--gl-primary); font-size: .66rem; font-weight: 810; letter-spacing: .09em; text-transform: uppercase; } .gl-platform-card__recommendation .gl-icon { width: 15px; } .gl-platform-card__category { align-self: flex-start; margin-bottom: 9px; color: var(--gl-primary); font-size: .67rem; font-weight: 810; letter-spacing: .09em; text-transform: uppercase; } .gl-platform-card__title { display: -webkit-box; margin: 0 0 12px; overflow: hidden; color: var(--gl-text); font-family: inherit; font-size: 1.18rem; font-weight: 720; line-height: 1.34; letter-spacing: -.026em; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .gl-platform-card__title a:hover { color: var(--gl-primary-hover); } .gl-platform-card__excerpt { display: -webkit-box; margin: 0 0 22px; overflow: hidden; color: var(--gl-text-muted); font-size: .85rem; line-height: 1.62; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .gl-platform-card__footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: auto; color: #8a92a1; font-size: .7rem; } .gl-platform-card__footer span,.gl-platform-card__footer a { display: inline-flex; align-items: center; gap: 6px; } .gl-platform-card__footer .gl-icon { width: 14px; } .gl-platform-card__footer a { color: var(--gl-primary-hover); font-weight: 750; } .gl-platform-card__footer a .gl-icon { transition: transform 180ms ease; } .gl-platform-card:hover .gl-platform-card__footer a .gl-icon { transform: translateX(3px); } .gl-platform-card--featured { grid-column: 1/-1; display: grid; grid-template-columns: minmax(0,1.15fr) minmax(360px,.85fr); min-height: 430px; border-radius: 22px; } .gl-platform-card--featured .gl-platform-card__media { min-height: 430px; aspect-ratio: auto; } .gl-platform-card--featured .gl-platform-card__body { justify-content: center; padding: 46px; } .gl-platform-card--featured .gl-platform-card__title { display: block; max-width: 650px; margin-bottom: 17px; font-size: clamp(2rem,3vw,2.8rem); line-height: 1.08; -webkit-line-clamp: unset; } .gl-platform-card--featured .gl-platform-card__excerpt { max-width: 620px; font-size: .96rem; -webkit-line-clamp: 4; } .gl-pagination { display: grid; justify-items: center; gap: 13px; margin-top: 48px; } .gl-pagination__links { display: flex; align-items: center; justify-content: center; gap: 7px; } .gl-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; padding: 0 13px; border: 1px solid var(--gl-border); border-radius: 10px; background: #fff; color: #566073; font-size: .8rem; font-weight: 720; transition: color 180ms ease,background 180ms ease,border-color 180ms ease,transform 180ms ease; } .gl-pagination a.page-numbers:hover { border-color: #d0c7f3; background: var(--gl-accent-soft); color: var(--gl-primary-hover); transform: translateY(-2px); } .gl-pagination .current { border-color: var(--gl-primary); background: var(--gl-primary); color: #fff; } .gl-pagination__status { display: none; margin: 0; color: #858d9a; font-size: .72rem; } .gl-state { display: grid; justify-items: center; min-height: 500px; padding: 70px 30px; border: 1px solid var(--gl-border); border-radius: 24px; background: #fff; text-align: center; } .gl-state__icon { display: grid; place-items: center; width: 68px; height: 68px; margin-bottom: 22px; border-radius: 20px; background: var(--gl-accent-soft); color: var(--gl-primary); } .gl-state__icon .gl-icon { width: 30px; height: 30px; } .gl-state h2 { margin: 0; max-width: 700px; font-family: inherit; font-size: clamp(2rem,3.4vw,3rem); line-height: 1.1; letter-spacing: -.045em; } .gl-state > p:not(.gl-platform-label) { max-width: 570px; margin: 16px 0 26px; color: var(--gl-text-muted); } .gl-state__search { width: min(100%,560px); } .gl-state__paths { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 26px; } .gl-state__paths a { display: inline-flex; align-items: center; gap: 7px; min-height: 42px; padding: 9px 13px; border: 1px solid var(--gl-border); border-radius: 10px; background: #fafbfc; color: #4f596b; font-size: .78rem; font-weight: 680; } .gl-state__paths a:hover { border-color: #d1c8f3; color: var(--gl-primary-hover); } .gl-state__paths .gl-icon { width: 14px; } .gl-discovery-next { padding: 74px 0; background: #fff; } .gl-discovery-next__inner { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); align-items: center; gap: 72px; } .gl-discovery-next h2 { margin: 0; font-family: inherit; font-size: clamp(2rem,3vw,2.8rem); line-height: 1.08; letter-spacing: -.045em; } .gl-discovery-next p:not(.gl-platform-label) { margin: 15px 0 0; color: var(--gl-text-muted); } .gl-discovery-next__links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; } .gl-discovery-next__links a { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 60px; padding: 15px 17px; border: 1px solid var(--gl-border); border-radius: 13px; background: #fafbfc; font-size: .86rem; font-weight: 680; } .gl-discovery-next__links a:hover { border-color: #d2c9f3; background: #f7f4ff; color: var(--gl-primary-hover); } .gl-discovery-next__links .gl-icon { width: 16px; } .gl-not-found { padding: 82px 0 96px; background: radial-gradient(circle at 12% 10%,rgba(96,70,215,.08),transparent 26%),var(--gl-bg); } .gl-not-found__inner { display: grid; grid-template-columns: minmax(0,1fr) minmax(390px,.72fr); align-items: center; gap: 90px; } .gl-not-found__code { margin: 0 0 14px; color: #d8d1f5; font-size: clamp(5.5rem,10vw,9rem); font-weight: 820; line-height: .85; letter-spacing: -.08em; } .gl-not-found h1 { margin: 0; max-width: 720px; font-family: inherit; font-size: clamp(3rem,5vw,4.8rem); line-height: 1; letter-spacing: -.058em; } .gl-not-found__copy > p:not(.gl-not-found__code,.gl-platform-label) { max-width: 620px; margin: 22px 0 0; color: var(--gl-text-muted); font-size: 1.02rem; line-height: 1.7; } .gl-not-found__actions { display: flex; flex-wrap: wrap; gap: 10px; } .gl-not-found__search { padding: 34px; border: 1px solid var(--gl-border); border-radius: 22px; background: #fff; box-shadow: 0 18px 42px rgba(16,27,55,.08); } .gl-not-found__search > span { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 24px; border-radius: 14px; background: var(--gl-accent-soft); color: var(--gl-primary); } .gl-not-found__search h2 { margin: 0 0 18px; font-family: inherit; font-size: 1.55rem; letter-spacing: -.03em; } .gl-not-found__paths { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 20px; } .gl-not-found__paths a { padding: 7px 10px; border-radius: 8px; background: #f7f8fa; color: #626c7d; font-size: .72rem; font-weight: 650; } .gl-not-found__paths a:hover { background: var(--gl-accent-soft); color: var(--gl-primary-hover); } /* Reusable system states for progressive experiences. */ .gl-error-state { padding: 32px; border: 1px solid #f0d1ce; border-radius: 18px; background: #fff8f7; color: var(--gl-text); } .gl-error-state__icon { color: var(--gl-error); } .gl-skeleton { overflow: hidden; border: 1px solid var(--gl-border); border-radius: 18px; background: #fff; } .gl-skeleton__media,.gl-skeleton__line { position: relative; overflow: hidden; background: #eceef3; } .gl-skeleton__media { aspect-ratio: 16/10; } .gl-skeleton__body { display: grid; gap: 11px; padding: 24px; } .gl-skeleton__line { height: 12px; border-radius: 6px; } .gl-skeleton__line--short { width: 36%; } .gl-skeleton__line::after,.gl-skeleton__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent); animation: gl-skeleton-shimmer 1.7s infinite; transform: translateX(-100%); } @keyframes gl-skeleton-shimmer { to { transform: translateX(100%); } } /* Keep the approved Home footer and reflection treatment across the platform. */ .gl-platform-internal .gl-newsletter { padding: 90px 0; background: #f5f1e9; } .gl-platform-internal .gl-newsletter__box { grid-template-columns: minmax(0,1fr) auto; gap: 70px; padding: 60px; border: 0; border-radius: 22px; background: #fff; color: var(--gl-text); box-shadow: 0 12px 35px rgba(43,43,54,.055); } .gl-platform-internal .gl-newsletter__box::after { display: none; } .gl-platform-internal .gl-newsletter .gl-eyebrow { color: var(--gl-primary); font-family: inherit; } .gl-platform-internal .gl-newsletter .gl-eyebrow::before { display: none; } .gl-platform-internal .gl-newsletter h2 { max-width: 720px; color: var(--gl-navy); font-family: inherit; font-size: clamp(2.15rem,3.5vw,3.25rem); font-weight: 720; line-height: 1.08; letter-spacing: -.045em; } .gl-platform-internal .gl-newsletter p { color: var(--gl-text-muted); } .gl-platform-internal .gl-newsletter__action .gl-button { border-color: var(--gl-primary); border-radius: 12px; background: var(--gl-primary); color: #fff; } .gl-newsletter__form { display: grid; width: min(100%,480px); gap: 10px; text-align: left; } .gl-newsletter__fields { display: grid; grid-template-columns: minmax(220px,1fr) auto; gap: 8px; } .gl-newsletter__fields input[type="email"] { width: 100%; min-height: 52px; padding: 12px 15px; border: 1px solid #d9dde6; border-radius: 12px; background: #fff; color: #172033; font: inherit; font-size: .87rem; outline: none; transition: border-color 180ms ease,box-shadow 180ms ease; } .gl-newsletter__fields input[type="email"]::placeholder { color: #969dab; } .gl-newsletter__fields input[type="email"]:focus { border-color: var(--gl-primary,#6046d7); box-shadow: 0 0 0 4px rgba(96,70,215,.12); } .gl-newsletter__fields .gl-button { min-height: 52px; margin: 0; padding-inline: 18px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; } .gl-newsletter__consent { display: flex; align-items: flex-start; gap: 8px; color: #727b8c; font-size: .67rem; line-height: 1.5; cursor: pointer; } .gl-newsletter__consent input { width: 15px; height: 15px; margin: 2px 0 0; accent-color: var(--gl-primary,#6046d7); flex: 0 0 auto; } .gl-newsletter__consent a { color: var(--gl-primary,#6046d7); text-decoration: underline; text-underline-offset: 2px; } .gl-newsletter__feedback { padding: 9px 11px; border-radius: 9px; font-size: .73rem; font-weight: 650; line-height: 1.45; } .gl-newsletter__feedback--success { border: 1px solid #bfe7d0; background: #edf9f2; color: #17643b; } .gl-newsletter__feedback--error { border: 1px solid #f2c5c3; background: #fff1f0; color: #9a302d; } .gl-newsletter__honeypot { position: absolute!important; left: -9999px!important; width: 1px!important; height: 1px!important; overflow: hidden!important; } .gl-newsletter__form > small { color: #8a92a1!important; font-size: .64rem; } .home .gl-newsletter__consent,.gl-platform-internal .gl-newsletter__consent { color: #727b8c; } .home .gl-newsletter__form > small,.gl-platform-internal .gl-newsletter__form > small { color: #8a92a1!important; } /* Refined navigation states: quiet surface cues replace the former underline. */ .gospellivre-portal .gl-nav a { border-radius: 10px; transition: color 170ms ease,background-color 170ms ease,box-shadow 170ms ease; } .gospellivre-portal .gl-nav a::after { display: none!important; content: none!important; } .gospellivre-portal .gl-nav .current-menu-item > a, .gospellivre-portal .gl-nav .current-menu-ancestor > a { background: #f2effd; color: var(--gl-primary,#6046d7); box-shadow: inset 0 0 0 1px rgba(96,70,215,.11); } .gospellivre-portal .gl-nav a:focus-visible { outline: 2px solid rgba(96,70,215,.58); outline-offset: 2px; } .gospellivre-portal .gl-icon-button:focus-visible { outline: 2px solid rgba(96,70,215,.58); outline-offset: 2px; } @media (hover:hover) { .gospellivre-portal .gl-nav a:hover { background: #f7f5fc; color: var(--gl-primary,#6046d7); box-shadow: inset 0 0 0 1px rgba(96,70,215,.07); } .gospellivre-portal .gl-nav .current-menu-item > a:hover, .gospellivre-portal .gl-nav .current-menu-ancestor > a:hover { background: #ede9fb; box-shadow: inset 0 0 0 1px rgba(96,70,215,.16); } } .gl-platform-internal .gl-footer { padding-top: 84px; background: #0d1730; } .gl-platform-internal .gl-footer__grid { grid-template-columns: 1.4fr .75fr .75fr .85fr; gap: 64px; } .gl-platform-internal .gl-footer__about { max-width: 300px; color: rgba(255,255,255,.66); font-size: 1rem; } .gl-platform-internal .gl-footer h3 { color: #d2c5ff; } .gl-platform-internal .gl-footer__bottom { margin-top: 68px; } @media (max-width: 1050px) { .gl-platform-internal .gl-container { width: min(calc(100% - 48px),var(--gl-container-wide)); } .gl-page-hero__grid { grid-template-columns: 1fr; gap: 30px; } .gl-page-hero__search { max-width: 700px; } .gl-page-hero--search .gl-page-hero__grid { grid-template-columns: 1fr; gap: 27px; } .gl-platform-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .gl-platform-card--featured { grid-template-columns: 1fr 1fr; } .gl-not-found__inner { gap: 50px; } } @media (max-width: 880px) { .gl-platform-internal .gl-header__inner { min-height: 76px; } .gl-filter-bar { align-items: stretch; flex-direction: column; gap: 12px; padding-block: 17px; } .gl-filter-bar__group { display: block; } .gl-filter-bar__label { display: block; margin-bottom: 8px; } .gl-filter-bar__pills { margin-right: -24px; padding-right: 24px; } .gl-filter-bar__sort { justify-content: flex-end; } .gl-platform-card--featured { grid-template-columns: 1fr; } .gl-platform-card--featured .gl-platform-card__media { min-height: 360px; } .gl-discovery-next__inner { grid-template-columns: 1fr; gap: 36px; } .gl-not-found__inner { grid-template-columns: 1fr; } .gl-not-found__search { max-width: 650px; } .gl-platform-internal .gl-newsletter__box { grid-template-columns: 1fr; padding: 48px; } .gl-platform-internal .gl-newsletter__action { justify-items: start; } .gl-platform-internal .gl-footer__grid { grid-template-columns: 1.3fr repeat(3,.7fr); gap: 36px; } .gl-page-hero--visual > .gl-container { min-height: 340px; padding: 23px 28px; } .gl-page-hero--visual > .gl-container::before { background: linear-gradient(90deg,rgba(248,246,255,.98) 0%,rgba(248,246,255,.95) 49%,rgba(248,246,255,.74) 76%,rgba(244,246,255,.62) 100%),linear-gradient(180deg,rgba(248,246,255,.38),transparent 30%,rgba(244,246,255,.52)); } .gl-page-hero--visual .gl-breadcrumb { margin-right: 0; } .gl-page-hero--visual .gl-page-hero__grid { min-height: 246px; grid-template-columns: 1fr!important; gap: 0!important; } .gl-page-hero--visual .gl-page-hero__copy { width: min(78%,720px); padding: 2px 0 0; } .gl-page-hero--visual .gl-page-hero__media { inset: 0; opacity: .68; } .gl-page-hero__media { min-height: 0; margin: 0; aspect-ratio: 16/9; border-radius: 17px; } .gl-page-hero__media img { min-height: 0; } } @media (max-width: 600px) { .gl-platform-internal .gl-container { width: min(calc(100% - 28px),var(--gl-container-wide)); } .gl-platform-internal .gl-brand__tagline { display: flex; } .gl-page-hero { padding: 26px 0 43px; } .gl-page-hero--search { padding: 14px 0 20px; } .gl-page-hero--search > .gl-container { padding: 20px 19px 23px; border-radius: 20px; } .gl-page-hero--search > .gl-container::after { right: -150px; bottom: -180px; } .gl-page-hero--search .gl-breadcrumb { margin-bottom: 19px; } .gl-page-hero--search .gl-page-hero__grid { gap: 23px; } .gl-page-hero--search h1 { font-size: clamp(2.2rem,10vw,2.55rem); } .gl-page-hero--search .gl-page-hero__description { font-size: .88rem; } .gl-page-hero--standard:not(.gl-page-hero--profile) { padding: 14px 0 20px; } .gl-page-hero--standard:not(.gl-page-hero--profile) > .gl-container { padding: 20px 19px 23px; border-radius: 20px; } .gl-page-hero--standard:not(.gl-page-hero--profile) > .gl-container::after { right: -150px; bottom: -180px; } .gl-page-hero--standard:not(.gl-page-hero--profile) .gl-breadcrumb { margin-bottom: 19px; } .gl-page-hero--standard:not(.gl-page-hero--profile) h1 { font-size: clamp(2.2rem,10vw,2.55rem); } .gl-page-hero--standard:not(.gl-page-hero--profile) .gl-page-hero__description { font-size: .88rem; } .gl-page-hero--visual > .gl-container { min-height: 0; padding: 19px 20px 24px; } .gl-page-hero--visual > .gl-container::before { background: linear-gradient(90deg,rgba(248,246,255,.97) 0%,rgba(248,246,255,.91) 62%,rgba(248,246,255,.74) 100%),linear-gradient(180deg,rgba(248,246,255,.5),transparent 27%,rgba(244,246,255,.62)); } .gl-page-hero--visual .gl-breadcrumb { max-width: 78%; } .gl-page-hero--visual .gl-page-hero__grid { min-height: 286px; gap: 0!important; } .gl-page-hero--visual .gl-page-hero__copy { width: 100%; padding-right: 4px; } .gl-page-hero--visual .gl-page-hero__media { opacity: .45; } .gl-page-hero--visual .gl-page-hero__media img { object-position: 58% center; filter: saturate(.5) contrast(.92) brightness(1.08); } .gl-page-hero__media { border-radius: 14px; aspect-ratio: 3/2; } .gl-breadcrumb { margin-bottom: 22px; } .gl-page-hero h1 { font-size: clamp(2.35rem,11vw,3rem); } .gl-page-hero__description { margin-top: 15px; font-size: .92rem; } .gl-page-hero__count { margin-top: 16px; } .gl-page-hero__search { padding: 19px; border-radius: 15px; } .gl-page-hero--profile .gl-page-hero__grid { grid-template-columns: 82px minmax(0,1fr); gap: 18px; } .gl-page-hero__avatar-image { width: 82px; height: 82px; border-width: 4px; border-radius: 19px; } .gl-filter-bar__group { min-width: 100%; } .gl-filter-bar__sort { justify-content: space-between; } .gl-filter-bar__sort select { flex: 1; } .gl-internal-ad { padding-block: 8px; } .gl-internal-ad .gl-ad-slot--placeholder,.gl-internal-ad--infeed .gl-ad-slot--placeholder { min-height: 48px; } .gl-discovery-results { padding: 54px 0 64px; } .gl-section-heading { display: block; margin-bottom: 27px; } .gl-section-heading h2 { font-size: 2.15rem; } .gl-section-heading > p { margin-top: 12px; } .gl-platform-card-grid { grid-template-columns: 1fr; gap: 14px; } .gl-platform-card--featured { min-height: 0; } .gl-platform-card--featured .gl-platform-card__media { min-height: 265px; } .gl-platform-card--featured .gl-platform-card__body { padding: 27px 23px; } .gl-platform-card--featured .gl-platform-card__title { font-size: 1.8rem; } .gl-platform-card__body { padding: 21px; } .gl-pagination__links .page-numbers:not(.prev,.next,.current) { display: none; } .gl-pagination__links { width: 100%; justify-content: space-between; } .gl-pagination .page-numbers { min-width: 96px; } .gl-pagination .current { display: none; } .gl-pagination__status { display: block; order: -1; } .gl-state { min-height: 460px; padding: 48px 18px; border-radius: 19px; } .gl-state h2 { font-size: 2.05rem; } .gl-state__paths { display: grid; grid-template-columns: 1fr; width: 100%; } .gl-state__paths a { justify-content: space-between; } .gl-discovery-next { padding: 58px 0; } .gl-discovery-next__links { grid-template-columns: 1fr; } .gl-not-found { padding: 58px 0 70px; } .gl-not-found__code { font-size: 5.7rem; } .gl-not-found h1 { font-size: 2.7rem; } .gl-not-found__actions { display: grid; } .gl-not-found__actions .gl-platform-action { width: 100%; } .gl-not-found__search { padding: 25px 21px; } .gl-platform-internal .gl-newsletter { padding: 64px 0; } .gl-platform-internal .gl-newsletter__box { padding: 32px 24px; } .gl-platform-internal .gl-newsletter h2 { font-size: 2.2rem; } .gl-platform-internal .gl-newsletter__action .gl-button { width: 100%; } .gl-newsletter__form { width: 100%; } .gl-newsletter__fields { grid-template-columns: 1fr; } .gl-newsletter__fields .gl-button { width: 100%; } .gl-platform-internal .gl-footer__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 38px 24px; } .gl-platform-internal .gl-footer__brand { grid-column: 1/-1; } } @media (prefers-reduced-motion: reduce) { .gl-platform-card,.gl-platform-card__media img,.gl-platform-action,.gl-pagination .page-numbers,.gl-skeleton__line::after,.gl-skeleton__media::after { animation: none!important; transition: none!important; transform: none!important; } } /* Home listening journey: live radio introduces the on-demand audio section. */ .home .gl-platform-ad--before-radio { padding-block: 42px 8px; background: #fff; } .home .gl-platform-ad--before-radio .gl-ad-slot { max-width: 970px; } .home .gl-home-radio { padding: 48px 0 54px; background: #fff; } .home .gl-home-radio + .gl-audio-section { padding-top: 72px; } .home .gl-home-radio__shell { position: relative; display: grid; grid-template-columns: minmax(0,1.12fr) minmax(360px,.68fr); align-items: center; gap: clamp(54px,7vw,96px); overflow: hidden; padding: 66px; border-radius: 28px; background: radial-gradient(circle at 89% 3%,rgba(119,91,230,.42),transparent 28%),linear-gradient(130deg,#101b37 0%,#17264a 60%,#2d2468 100%); box-shadow: 0 28px 70px rgba(16,27,55,.16); color: #fff; } .home .gl-home-radio__shell::before { position: absolute; right: -160px; bottom: -250px; width: 510px; height: 510px; border: 1px solid rgba(255,255,255,.09); border-radius: 50%; box-shadow: 0 0 0 58px rgba(255,255,255,.022),0 0 0 116px rgba(255,255,255,.014); content: ""; pointer-events: none; } .home .gl-home-radio__copy,.home .gl-home-radio__station { position: relative; z-index: 1; } .home .gl-home-radio .gl-platform-kicker { color: #d8cfff; } .home .gl-home-radio__copy h2 { max-width: 700px; margin: 0; color: #fff; font-family: inherit; font-size: clamp(2.65rem,4.35vw,4.15rem); font-weight: 720; line-height: 1.01; letter-spacing: -.055em; text-wrap: balance; } .home .gl-home-radio__copy > p:not(.gl-platform-kicker) { max-width: 650px; margin: 23px 0 0; color: rgba(255,255,255,.68); font-size: 1rem; line-height: 1.75; } .home .gl-home-radio__copy ul { display: flex; flex-wrap: wrap; gap: 10px 23px; margin: 29px 0 0; padding: 23px 0 0; border-top: 1px solid rgba(255,255,255,.13); color: rgba(255,255,255,.73); font-size: .74rem; font-weight: 680; list-style: none; } .home .gl-home-radio__copy li { display: inline-flex; align-items: center; gap: 8px; } .home .gl-home-radio__copy li::before { width: 5px; height: 5px; border-radius: 50%; background: #aa96ff; box-shadow: 0 0 0 4px rgba(170,150,255,.1); content: ""; } .home .gl-home-radio__link { display: inline-flex; align-items: center; gap: 9px; margin-top: 29px; color: #fff; font-size: .82rem; font-weight: 750; } .home .gl-home-radio__link .gl-icon { width: 16px; transition: transform 180ms ease; } .home .gl-home-radio__link:hover { color: #ddd4ff; } .home .gl-home-radio__link:hover .gl-icon { transform: translateX(4px); } .home .gl-home-radio__station { padding: 29px; border: 1px solid rgba(255,255,255,.8); border-radius: 22px; background: rgba(255,255,255,.97); box-shadow: 0 24px 55px rgba(8,14,31,.25); color: var(--gl-platform-text); backdrop-filter: blur(12px); transition: transform 200ms ease,box-shadow 200ms ease; } .home .gl-home-radio__shell.is-active .gl-home-radio__station { box-shadow: 0 24px 60px rgba(8,14,31,.28),0 0 0 4px rgba(170,150,255,.2); } .home .gl-home-radio__station-head { display: grid; grid-template-columns: 58px minmax(0,1fr); align-items: center; gap: 15px; } .home .gl-home-radio__logo { display: grid; width: 58px; height: 58px; overflow: hidden; place-items: center; border: 1px solid #ddd7f5; border-radius: 15px; background: #f1edff; color: var(--gl-platform-violet); } .home .gl-home-radio__logo img { width: 100%; height: 100%; object-fit: contain; background: #fff; } .home .gl-home-radio__logo .gl-icon { width: 25px; height: 25px; } .home .gl-home-radio__live { display: inline-flex; align-items: center; gap: 7px; color: var(--gl-platform-violet-dark); font-size: .62rem; font-weight: 820; letter-spacing: .09em; text-transform: uppercase; } .home .gl-home-radio__live i { width: 7px; height: 7px; border-radius: 50%; background: #16866d; box-shadow: 0 0 0 4px rgba(22,134,109,.1); } .home .gl-home-radio__station h3 { margin: 5px 0 2px; color: var(--gl-platform-navy); font-family: inherit; font-size: 1.18rem; font-weight: 750; line-height: 1.25; letter-spacing: -.025em; } .home .gl-home-radio__station-head p { margin: 0; color: #778092; font-size: .76rem; } .home .gl-home-radio__signal { display: flex; align-items: center; justify-content: center; gap: 5px; height: 40px; margin: 21px 0 17px; color: #9f8bea; } .home .gl-home-radio__signal span { width: 3px; height: 9px; border-radius: 99px; background: currentColor; opacity: .55; } .home .gl-home-radio__signal span:nth-child(2),.home .gl-home-radio__signal span:nth-child(6) { height: 17px; } .home .gl-home-radio__signal span:nth-child(3),.home .gl-home-radio__signal span:nth-child(5) { height: 25px; } .home .gl-home-radio__signal span:nth-child(4) { height: 34px; } .home.is-radio-playing .gl-home-radio__shell.is-active .gl-home-radio__signal span { animation: gl-home-radio-bars 1s ease-in-out infinite alternate; } .home.is-radio-playing .gl-home-radio__shell.is-active .gl-home-radio__signal span:nth-child(2),.home.is-radio-playing .gl-home-radio__shell.is-active .gl-home-radio__signal span:nth-child(6) { animation-delay: -.45s; } .home.is-radio-playing .gl-home-radio__shell.is-active .gl-home-radio__signal span:nth-child(3),.home.is-radio-playing .gl-home-radio__shell.is-active .gl-home-radio__signal span:nth-child(5) { animation-delay: -.7s; } @keyframes gl-home-radio-bars { from { transform: scaleY(.42); opacity: .38; } to { transform: scaleY(1); opacity: 1; } } .home .gl-home-radio__play.gl-radio-listen { display: inline-flex; width: 100%; height: auto; min-height: 52px; padding: 13px 18px; border: 1px solid var(--gl-platform-violet); border-radius: 13px; background: var(--gl-platform-violet); color: #fff; box-shadow: 0 11px 24px rgba(96,70,215,.22); font-size: .82rem; } .home .gl-home-radio__play.gl-radio-listen:hover { border-color: var(--gl-platform-violet-dark); background: var(--gl-platform-violet-dark); color: #fff; transform: translateY(-2px); } .home .gl-home-radio__play.gl-radio-listen .gl-icon { width: 18px; height: 18px; } .home .gl-home-radio__play.gl-radio-listen span { display: inline; } .home .gl-home-radio__note { margin: 13px 0 0; color: #8b92a0; font-size: .68rem; line-height: 1.5; text-align: center; } .home .gl-home-radio :where(a,button):focus-visible { outline: 3px solid rgba(199,187,255,.72); outline-offset: 3px; } @media (max-width: 960px) { .home .gl-home-radio__shell { grid-template-columns: 1fr; gap: 42px; padding: 54px; } .home .gl-home-radio__copy { max-width: 760px; } .home .gl-home-radio__station { width: min(100%,560px); } } @media (max-width: 680px) { .home .gl-platform-ad--before-radio { padding-block: 26px 4px; } .home .gl-home-radio { padding: 34px 0 38px; } .home .gl-home-radio + .gl-audio-section { padding-top: 52px; } .home .gl-home-radio__shell { gap: 34px; padding: 34px 24px; border-radius: 21px; } .home .gl-home-radio__copy h2 { font-size: 2.45rem; } .home .gl-home-radio__copy > p:not(.gl-platform-kicker) { margin-top: 18px; font-size: .9rem; } .home .gl-home-radio__copy ul { gap: 9px 17px; margin-top: 22px; padding-top: 19px; } .home .gl-home-radio__link { margin-top: 23px; } .home .gl-home-radio__station { width: 100%; padding: 22px 19px; border-radius: 17px; } .home .gl-home-radio__station-head { grid-template-columns: 50px minmax(0,1fr); gap: 12px; } .home .gl-home-radio__logo { width: 50px; height: 50px; border-radius: 13px; } .home .gl-home-radio__station h3 { font-size: 1rem; } .home .gl-home-radio__signal { margin-block: 16px 13px; } .home .gl-home-radio__play.gl-radio-listen { min-height: 50px; } } @media (prefers-reduced-motion: reduce) { .home .gl-home-radio__signal span { animation: none!important; } } /* Core-selected editorial update above the navigation; never an advertising slot. */ .gl-portal-notice { position: relative; isolation: isolate; overflow: hidden; border-bottom: 1px solid rgba(203, 184, 255, .18); background: linear-gradient(112deg, #101a30 0%, #172540 55%, #251d55 100%); color: #fff; } .gl-portal-notice::before { position: absolute; inset: 0; background: radial-gradient(circle at 79% -120%, rgba(137, 103, 255, .48), transparent 45%), linear-gradient(90deg, transparent, rgba(255, 255, 255, .045), transparent); pointer-events: none; content: ""; } .gl-portal-notice__inner { position: relative; display: flex; align-items: center; gap: 14px; min-height: 56px; padding-block: 7px; color: inherit; text-decoration: none; } .gl-portal-notice__icon { display: inline-grid; flex: 0 0 36px; place-items: center; width: 36px; height: 36px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 12px; background: rgba(255, 255, 255, .08); color: #d9ceff; } .gl-portal-notice__icon .gl-icon { width: 19px; height: 19px; } .gl-portal-notice__copy { display: grid; min-width: 0; gap: 1px; } .gl-portal-notice__copy small { color: #c7b7ff; font-size: .59rem; font-weight: 800; letter-spacing: .13em; line-height: 1.2; text-transform: uppercase; } .gl-portal-notice__copy strong { overflow: hidden; color: #fff; font-size: .84rem; font-weight: 650; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; } .gl-portal-notice__cta { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 8px; margin-left: auto; padding: 8px 13px; border: 1px solid rgba(255, 255, 255, .17); border-radius: 999px; background: rgba(255, 255, 255, .08); color: #fff; font-size: .69rem; font-weight: 750; transition: background .2s ease, transform .2s ease; } .gl-portal-notice__cta .gl-icon { width: 15px; height: 15px; } .gl-portal-notice__inner:hover .gl-portal-notice__cta, .gl-portal-notice__inner:focus-visible .gl-portal-notice__cta { background: rgba(255, 255, 255, .15); transform: translateX(2px); } .gl-portal-notice__inner:focus-visible { outline: 2px solid #c7b7ff; outline-offset: -3px; } @media (max-width: 680px) { .gl-portal-notice__inner { width: min(calc(100% - 20px), var(--gl-container)); gap: 10px; min-height: 54px; padding-block: 6px; } .gl-portal-notice__icon { flex-basis: 34px; width: 34px; height: 34px; border-radius: 11px; } .gl-portal-notice__copy small { font-size: .54rem; } .gl-portal-notice__copy strong { font-size: .76rem; } .gl-portal-notice__cta { padding: 8px; font-size: 0; } } /* * Unified portal newsletter. * * The component is rendered once in footer.php. Contextual templates may alter * its editorial copy, but presentation remains deliberately consistent across * Home, Reading, Radio, Audio, Podcast Series and institutional pages. */ body .gl-newsletter.gl-newsletter--unified { position: relative; padding: clamp(74px, 7vw, 104px) 0; border: 0; background: radial-gradient(circle at 13% 12%, rgba(112, 81, 223, .055), transparent 29%), linear-gradient(180deg, #f7f4ee 0%, #f2eee6 100%); } body .gl-newsletter.gl-newsletter--unified .gl-newsletter__box { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(390px, .74fr); align-items: center; gap: clamp(48px, 6vw, 82px); overflow: hidden; padding: clamp(50px, 5vw, 70px); border: 1px solid rgba(255, 255, 255, .1); border-radius: 28px; background: linear-gradient(90deg, transparent, rgba(158, 136, 248, .96) 26%, rgba(216, 177, 105, .92) 74%, transparent) top center / calc(100% - 60px) 2px no-repeat, radial-gradient(circle at 84% -14%, rgba(111, 82, 231, .35), transparent 35%), radial-gradient(circle at 8% 125%, rgba(194, 151, 75, .14), transparent 31%), linear-gradient(128deg, #192943 0%, #111b31 66%, #191f3d 100%); color: #fff; box-shadow: 0 30px 76px rgba(17, 26, 49, .16), inset 0 1px 0 rgba(255, 255, 255, .05); } body .gl-newsletter.gl-newsletter--unified .gl-newsletter__box::before { position: absolute; z-index: -1; right: -122px; bottom: -184px; width: 390px; height: 390px; border-radius: 50%; background: radial-gradient(circle, rgba(116, 86, 232, .18), transparent 69%); content: ""; pointer-events: none; } body .gl-newsletter.gl-newsletter--unified .gl-newsletter__box::after { position: absolute; z-index: -1; top: -170px; right: 20%; width: 350px; height: 350px; border: 1px solid rgba(255, 255, 255, .065); border-radius: 50%; box-shadow: 0 0 0 48px rgba(255, 255, 255, .018), 0 0 0 96px rgba(255, 255, 255, .01); content: ""; pointer-events: none; } body .gl-newsletter.gl-newsletter--unified .gl-newsletter__copy { position: relative; z-index: 1; max-width: 680px; } body .gl-newsletter.gl-newsletter--unified .gl-eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; color: #dcb96f; font-family: var(--gl-sans); font-size: .68rem; font-weight: 780; letter-spacing: .16em; line-height: 1.3; text-transform: uppercase; } body .gl-newsletter.gl-newsletter--unified .gl-eyebrow::before { width: 22px; height: 1px; background: currentColor; content: ""; } body .gl-newsletter.gl-newsletter--unified h2 { max-width: 680px; margin: 0 0 17px; color: #fff; font-family: var(--gl-serif); font-size: clamp(2.45rem, 4vw, 3.75rem); font-weight: 600; line-height: 1.04; letter-spacing: -.04em; text-wrap: balance; } body .gl-newsletter.gl-newsletter--unified .gl-newsletter__copy > p:not(.gl-eyebrow) { max-width: 590px; margin: 0; color: rgba(255, 255, 255, .67); font-size: .98rem; line-height: 1.72; } body .gl-newsletter.gl-newsletter--unified .gl-newsletter__action { position: relative; z-index: 1; display: grid; justify-items: stretch; width: 100%; padding: 28px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 20px; background: rgba(255, 255, 255, .06); box-shadow: 0 22px 48px rgba(5, 12, 28, .16), inset 0 1px 0 rgba(255, 255, 255, .045); backdrop-filter: blur(14px); } body .gl-newsletter.gl-newsletter--unified .gl-newsletter__action::before { display: none; content: none; } body .gl-newsletter.gl-newsletter--unified .gl-newsletter__form-label { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; color: rgba(255, 255, 255, .94); font-size: .73rem; font-weight: 760; letter-spacing: .045em; line-height: 1.35; text-transform: uppercase; } body .gl-newsletter.gl-newsletter--unified .gl-newsletter__form-label .gl-icon { width: 17px; height: 17px; color: #bba9ff; } body .gl-newsletter.gl-newsletter--unified .gl-newsletter__form { display: grid; width: 100%; gap: 12px; } body .gl-newsletter.gl-newsletter--unified .gl-newsletter__fields { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; width: 100%; } body .gl-newsletter.gl-newsletter--unified .gl-newsletter__fields input[type="email"] { width: 100%; min-width: 0; min-height: 55px; padding: 0 17px; border: 1px solid rgba(255, 255, 255, .54); border-radius: 12px; outline: 0; background: rgba(255, 255, 255, .98); color: #15213a; box-shadow: 0 8px 22px rgba(5, 10, 29, .12); font-size: .84rem; transition: border-color 180ms ease, box-shadow 180ms ease; } body .gl-newsletter.gl-newsletter--unified .gl-newsletter__fields input[type="email"]:focus { border-color: #b8a5ff; box-shadow: 0 0 0 4px rgba(184, 165, 255, .2), 0 8px 22px rgba(5, 10, 29, .12); } body .gl-newsletter.gl-newsletter--unified .gl-newsletter__fields .gl-button { min-height: 55px; padding-inline: 22px; border: 1px solid #795df0; border-radius: 12px; background: linear-gradient(135deg, #7657ed, #5d3fd4); color: #fff; box-shadow: 0 11px 25px rgba(61, 38, 151, .32); font-size: .73rem; font-weight: 780; letter-spacing: .035em; white-space: nowrap; transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease; } body .gl-newsletter.gl-newsletter--unified .gl-newsletter__fields .gl-button:hover { border-color: #8064f3; background: linear-gradient(135deg, #8064f3, #6749dc); color: #fff; box-shadow: 0 14px 30px rgba(61, 38, 151, .4); transform: translateY(-1px); } body .gl-newsletter.gl-newsletter--unified .gl-newsletter__consent { display: grid; grid-template-columns: 16px minmax(0, 1fr); align-items: start; gap: 9px; margin: 0; color: rgba(255, 255, 255, .6); font-size: .67rem; line-height: 1.5; } body .gl-newsletter.gl-newsletter--unified .gl-newsletter__consent input { width: 16px; height: 16px; margin: 1px 0 0; accent-color: #9177f3; } body .gl-newsletter.gl-newsletter--unified .gl-newsletter__consent a { color: #d9d0ff; text-decoration-color: rgba(217, 208, 255, .5); text-underline-offset: 2px; } body .gl-newsletter.gl-newsletter--unified .gl-newsletter__form > small { color: rgba(255, 255, 255, .45) !important; font-size: .62rem; line-height: 1.45; } body .gl-newsletter.gl-newsletter--unified .gl-newsletter__feedback { padding: 11px 13px; border: 1px solid rgba(255, 255, 255, .13); border-radius: 10px; background: rgba(255, 255, 255, .07); color: rgba(255, 255, 255, .88); font-size: .74rem; line-height: 1.45; } @media (max-width: 1080px) { body .gl-newsletter.gl-newsletter--unified .gl-newsletter__box { grid-template-columns: 1fr; gap: 38px; } body .gl-newsletter.gl-newsletter--unified .gl-newsletter__copy { max-width: 760px; } body .gl-newsletter.gl-newsletter--unified .gl-newsletter__action { max-width: 640px; } } @media (max-width: 640px) { body .gl-newsletter.gl-newsletter--unified { padding: 58px 0; } body .gl-newsletter.gl-newsletter--unified .gl-newsletter__box { gap: 30px; padding: 36px 24px; border-radius: 22px; } body .gl-newsletter.gl-newsletter--unified h2 { font-size: clamp(2.25rem, 11vw, 3rem); } body .gl-newsletter.gl-newsletter--unified .gl-newsletter__action { padding: 22px 18px; border-radius: 16px; } body .gl-newsletter.gl-newsletter--unified .gl-newsletter__fields { grid-template-columns: 1fr; } body .gl-newsletter.gl-newsletter--unified .gl-newsletter__fields .gl-button { width: 100%; justify-content: center; } }