.art-mockup-home { position: relative; width: 100%; overflow: clip; color: #121212; background: #fff; font-family: Poppins, Inter, 'Segoe UI', Arial, sans-serif; }
.art-mockup-home *, .art-mockup-home *::before, .art-mockup-home *::after { box-sizing: border-box; }
.art-mockup-home h1, .art-mockup-home h2, .art-mockup-home h3, .art-mockup-home h4, .art-mockup-home p { margin-top: 0; }
.art-mockup-home a { text-decoration: none; color: inherit; }
.art-mockup-home a:hover { color: #0f5093; }
.art-mockup-home img { max-width: 100%; }
.art-mockup-home .ref-content { width: min(976px, calc(100% - 36px)); margin: 0 auto; }
.art-mockup-home .ref-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

/* 01 — HERO */
.art-mockup-home .ref-hero { background: #fff; padding: 54px 0 0; }
.art-mockup-home .ref-hero-copy { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: center; padding-bottom: 18px; }
.art-mockup-home .ref-hero h1 { max-width: 500px; margin: 0; color: #15528a; font-size: 33px; line-height: 1.12; font-weight: 850; letter-spacing: -.03em; }
.art-mockup-home .ref-hero-right p { color: #232323; font-size: 12px; line-height: 1.28; margin: 0 0 9px; }
.art-mockup-home .ref-stats { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); min-height: 66px; border: 1px solid #d6d6d6; border-radius: 12px; box-shadow: inset 0 3px 9px rgba(255,255,255,.95); overflow: hidden; background: linear-gradient(180deg, #fff 0%, #fff 30%, #c4c4c4 100%); }
.art-mockup-home .ref-stats > div { display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:0; }
.art-mockup-home .ref-stats > div + div { border-left: 1px solid rgba(40,40,40,.08); }
.art-mockup-home .ref-stats strong { display:block; color:#1e5d9c; font-size: 33px; line-height: .96; font-weight:850; }
.art-mockup-home .ref-stats span { display:block; color:#666; font-size:16px; line-height:1.1; font-weight:700; }
.art-mockup-home .ref-hero-wide { width:min(1360px,calc(100% - 48px)); margin: 24px auto 0; padding-top: 18px; border-top:1px solid #e5e5e5; }
.art-mockup-home .ref-hero-wide img { display:block; width:100%; aspect-ratio: 1360/374; height:auto; object-fit:cover; }

/* 02 — OUR SPECIALIZATION */
.art-mockup-home .ref-specialization { background:#fff; padding:118px 0 104px; }
.art-mockup-home .ref-section-header h2 { font-size:35px; letter-spacing:-.035em; font-weight:800; line-height:1.15; color:#111; margin:0 0 4px; }
.art-mockup-home .ref-section-header p { margin:0; color:#505050; font-size:13px; line-height:1.35; }
.art-mockup-home .ref-services-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; margin-top:27px; }
.art-mockup-home .ref-service-card { min-width:0; }
.art-mockup-home .ref-service-image { display:block; width:100%; aspect-ratio: 1.34; overflow:hidden; }
.art-mockup-home .ref-service-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }
.art-mockup-home .ref-service-card:hover .ref-service-image img { transform:scale(1.035); }
.art-mockup-home .ref-post-label { display:block; color:#666; font-size:10px; letter-spacing:.045em; line-height:1.3; font-weight:600; margin-top:13px; margin-bottom:8px; }
.art-mockup-home .ref-service-card h3 { margin:0 0 9px; font-size:17px; line-height:1.2; font-weight:750; letter-spacing:-.01em; color:#141414; }
.art-mockup-home .ref-service-card p { font-size:12px; line-height:1.45; color:#383838; margin:0; }

/* 03 — LATEST POST. Layout matches 2 articles -> 1 full-width -> 2 articles. */
.art-mockup-home .ref-posts-section { background:#f7f8f3; padding:112px 0 108px; }
.art-mockup-home .ref-posts-layout { display:grid; grid-template-columns:minmax(0, 620px) minmax(0, 328px); column-gap:28px; align-items:start; }
.art-mockup-home .ref-posts-title { margin: 0 0 25px; }
.art-mockup-home .ref-posts-title small { display:block; font-size:9px; line-height:1.3; color:#555; letter-spacing:.01em; margin-bottom:12px; }
.art-mockup-home .ref-posts-title h2 { color:#101010; font-size:35px; line-height:1.13; font-weight:820; letter-spacing:-.035em; margin:0; }
.art-mockup-home .ref-posts-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:20px; row-gap:18px; }
.art-mockup-home .ref-post-card { min-width:0; }
.art-mockup-home .ref-post-thumb { display:block; aspect-ratio: 1.275; overflow:hidden; background:#e9e9e9; }
.art-mockup-home .ref-post-thumb img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }
.art-mockup-home .ref-post-card:hover .ref-post-thumb img { transform:scale(1.02); }
.art-mockup-home .ref-post-card.ref-post-wide { grid-column:1/-1; }
.art-mockup-home .ref-post-wide .ref-post-thumb { aspect-ratio:1.73; }
.art-mockup-home .ref-post-body .ref-post-label { margin-top:10px; margin-bottom:7px; font-size:10px; }
.art-mockup-home .ref-post-body h3 { font-size:16px; color:#171717; line-height:1.27; font-weight:750; letter-spacing:-.015em; margin:0 0 9px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.art-mockup-home .ref-post-body p { font-size:11px; line-height:1.55; color:#353535; margin:0; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.art-mockup-home .ref-article-button { margin-top:30px; display:inline-flex; align-items:center; gap:16px; font-size:13px; font-weight:750; color:#0b4985; border:1px solid #b3c7d8; border-radius:4px; padding:12px 17px; transition:background .2s; }
.art-mockup-home .ref-article-button:hover { background:#e8f0f7; }

/* Sidebar is one rectangular white panel rather than floating widget cards. */
.art-mockup-home .ref-sidebar { background:#fff; padding:32px 28px 30px; min-width:0; min-height:1390px; display:flex; flex-direction:column; }
.art-mockup-home .ref-sidebar-block { margin-bottom:27px; }
.art-mockup-home .ref-sidebar h3 { font-size:14px; font-weight:780; line-height:1.4; margin:0 0 13px; color:#141414; }
.art-mockup-home .ref-search-form { border:1px solid #d9d9d9; border-radius:6px; height:38px; display:flex; align-items:center; padding:0 10px; gap:8px; background:#fff; }
.art-mockup-home .ref-search-form span { color:#aaa; font-size:20px; }
.art-mockup-home .ref-search-form input { flex:1; min-width:0; border:0; outline:0; color:#333; font-family:inherit; font-size:12px; background:transparent; box-shadow:none; }
.art-mockup-home .ref-search-form:focus-within { outline:2px solid #a8c2df; }
.art-mockup-home .ref-category-list { list-style:none; margin:0; padding:0; }
.art-mockup-home .ref-category-list li { margin:0; padding:0; }
.art-mockup-home .ref-category-list a { display:block; font-size:12px; font-weight:450; line-height:1.85; color:#2b2b2b; }
.art-mockup-home .ref-category-list a:hover { color:#125b9d; }
.art-mockup-home .ref-trending-widget { margin-top:32px; }
.art-mockup-home .ref-trend { display:grid; grid-template-columns:85px 1fr; gap:11px; align-items:start; margin-bottom:14px; }
.art-mockup-home .ref-trend img { display:block; width:85px; height:80px; object-fit:cover; }
.art-mockup-home .ref-trend small { display:block; font-size:8px; color:#888; line-height:1.4; text-transform:uppercase; margin-bottom:6px; }
.art-mockup-home .ref-trend small span { margin:0 3px; }
.art-mockup-home .ref-trend strong { display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; font-size:13px; font-weight:720; color:#111; line-height:1.35; }
.art-mockup-home .ref-tags { display:flex; flex-wrap:wrap; gap:5px; }
.art-mockup-home .ref-tags a { font-size:9px; color:#999; border:1px solid #e1e1e1; padding:5px 10px; border-radius:5px; line-height:1; }
.art-mockup-home .ref-tags a:hover { color:#15528a; border-color:#15528a; }
.art-mockup-home .ref-sidebar-promo { margin-top:auto; padding:10px; background:#f4f5f0; }
.art-mockup-home .ref-sidebar-promo img { display:block; width:100%; aspect-ratio:1.15; object-fit:cover; }

/* 04 — SPECIALIZED EXPERTISE */
.art-mockup-home .ref-expertise { background:#fff; padding:30px 0 110px; }
.art-mockup-home .ref-expertise-heading { text-align:center; max-width:900px; margin:0 auto 43px; }
.art-mockup-home .ref-expertise-heading h2 { margin:0 0 13px; font-size:43px; line-height:1.14; letter-spacing:-.045em; font-weight:850; color:#0a0a0a; }
.art-mockup-home .ref-expertise-heading p { max-width:890px; margin:0 auto; color:#4c4c4c; font-size:15px; line-height:1.35; }
.art-mockup-home .ref-device-layout { display:grid; grid-template-columns:minmax(0, 562px) minmax(0, 358px); gap:56px; align-items:start; }
.art-mockup-home .ref-device-feature-image { display:block; overflow:hidden; aspect-ratio:1.713; }
.art-mockup-home .ref-device-feature-image img { display:block; width:100%; height:100%; object-fit:cover; }
.art-mockup-home .ref-device-feature h3 { margin:20px 0 11px; font-size:23px; line-height:1.22; font-weight:800; letter-spacing:-.02em; }
.art-mockup-home .ref-device-feature p { font-size:13px; line-height:1.5; color:#333; margin:0; }
.art-mockup-home .ref-device-side { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 46px; }
.art-mockup-home .ref-device-tile { text-align:center; min-width:0; }
.art-mockup-home .ref-device-tile img { display:block; width:100%; aspect-ratio:1.15; height:auto; object-fit:cover; }
.art-mockup-home .ref-device-tile span { display:block; margin-top:7px; color:#333; font-size:9px; line-height:1.35; font-weight:650; }
.art-mockup-home .ref-device-bottom { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:36px; margin-top:38px; }
.art-mockup-home .ref-device-bottom-tile { text-align:left; }
.art-mockup-home .ref-device-bottom-tile img { aspect-ratio:1; }
.art-mockup-home .ref-device-bottom-tile span { font-size:11px; margin-top:6px; }
.art-mockup-home .ref-bottom-action { text-align:center; margin-top:34px; }
.art-mockup-home .ref-bottom-action a { display:inline-flex; padding:11px 20px; border:1px solid #c8d8e8; border-radius:5px; color:#14548c; font-weight:700; font-size:12px; }

/* Tablet and phone keep the sequence without clipping images or overflowing the sidebar. */
@media (max-width:1100px) {
    .art-mockup-home .ref-posts-layout { grid-template-columns:minmax(0,1.65fr) minmax(260px,.9fr); gap:22px; }
    .art-mockup-home .ref-device-layout { grid-template-columns:minmax(0,1.55fr) minmax(250px,1fr); gap:26px; }
    .art-mockup-home .ref-device-side { column-gap:20px; }
    .art-mockup-home .ref-device-bottom { gap:18px; }
}
@media (max-width:850px) {
    .art-mockup-home .ref-hero { padding-top:35px; }
    .art-mockup-home .ref-hero-copy { grid-template-columns:1fr; gap:20px; }
    .art-mockup-home .ref-hero h1 { font-size:clamp(28px,5.5vw,40px); }
    .art-mockup-home .ref-posts-layout { grid-template-columns:1fr; }
    .art-mockup-home .ref-sidebar { margin-top:20px; min-height:0; }
    .art-mockup-home .ref-specialization { padding:70px 0; }
    .art-mockup-home .ref-expertise-heading h2 { font-size:clamp(28px,5vw,40px); }
}
@media (max-width:620px) {
    .art-mockup-home .ref-content { width:calc(100% - 30px); }
    .art-mockup-home .ref-hero-wide { width:calc(100% - 30px); padding-top:15px; margin-top:14px; }
    .art-mockup-home .ref-hero-wide img { aspect-ratio:16/9; object-fit:cover; }
    .art-mockup-home .ref-hero h1 { font-size:30px; }
    .art-mockup-home .ref-services-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 13px; }
    .art-mockup-home .ref-section-header h2 { font-size:28px; }
    .art-mockup-home .ref-posts-section { padding:58px 0 65px; }
    .art-mockup-home .ref-posts-grid { gap:19px 12px; }
    .art-mockup-home .ref-posts-title h2 { font-size:31px; }
    .art-mockup-home .ref-post-body h3 { font-size:13px; }
    .art-mockup-home .ref-post-body p { font-size:11px; }
    .art-mockup-home .ref-post-thumb { aspect-ratio:4/3; }
    .art-mockup-home .ref-post-wide .ref-post-thumb { aspect-ratio:1.7; }
    .art-mockup-home .ref-sidebar { padding:24px 20px; }
    .art-mockup-home .ref-expertise { padding:48px 0 86px; }
    .art-mockup-home .ref-device-layout { grid-template-columns:1fr; }
    .art-mockup-home .ref-device-feature h3 { font-size:21px; }
    .art-mockup-home .ref-device-side { grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
    .art-mockup-home .ref-device-bottom { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
}
@media (prefers-reduced-motion: reduce) {
    .art-mockup-home * { scroll-behavior:auto !important; transition:none !important; }
}


/* Original photography restored: no images are shipped or overridden in this patch. */
.art-mockup-home .ref-image-empty { display:grid; place-items:center; width:100%; height:100%; background:linear-gradient(135deg,#e8eef6,#b6cce5); color:#13518b; font-weight:800; font-size:27px; letter-spacing:.13em; }
.art-mockup-home .ref-trend-empty { display:grid;place-items:center;width:85px;height:80px;background:#dbe8f3;color:#16548b;font-weight:800;font-size:14px; }
.art-mockup-home .ref-widget-empty { font-size:12px;line-height:1.7;color:#6c7480; }
.art-mockup-home .ref-empty-posts { grid-column:1/-1;min-height:140px;display:grid;place-items:center;border:1px dashed #cbd5e1;color:#64748b;font-size:14px; }

/* Benefit section replaces the previous blue four-card "Keunggulan Kami" block. */
.art-mockup-home .ref-trust-section { padding:96px 0 96px; background:#fff; }
.art-mockup-home .ref-trust-section .ref-content { max-width:976px; }
.art-mockup-home .ref-trust-section .ref-section-header h2 { max-width:760px; font-size:clamp(28px,3vw,38px);line-height:1.18; }
.art-mockup-home .ref-overline { display:inline-block;color:#205989;font-size:11px;font-weight:700;letter-spacing:.12em;margin-bottom:12px; }
.art-mockup-home .ref-trust-intro { font-size:14px;line-height:1.8;color:#313b4a;max-width:860px;margin:16px 0 32px; }
.art-mockup-home .ref-trust-cards { display:grid;gap:23px;max-width:930px; }
.art-mockup-home .ref-trust-card { display:grid;grid-template-columns:minmax(240px,37%) minmax(0,1fr);min-height:200px;background:#fff;border:1px solid #e4e9ef;box-shadow:0 10px 28px rgba(18,35,67,.10);overflow:hidden; }
.art-mockup-home .ref-trust-image { overflow:hidden;min-height:200px; }
.art-mockup-home .ref-trust-image img { display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1); }
.art-mockup-home .ref-trust-card:hover .ref-trust-image img { transform:scale(1.04); }
.art-mockup-home .ref-trust-copy { padding:27px 30px;align-self:center; }
.art-mockup-home .ref-trust-copy h3 { color:#111827;font-weight:800;line-height:1.25;font-size:19px;margin:0 0 12px; }
.art-mockup-home .ref-trust-copy p { color:#444e5e;font-size:14px;line-height:1.7;margin:0; }
.art-mockup-home .ref-trust-quote { padding:25px 28px;margin:40px 0 0;border-top:1px solid #a6b0bd;border-bottom:1px solid #a6b0bd;border-left:0;font-size:clamp(22px,3vw,34px);font-weight:800;text-align:center;line-height:1.4;color:#29425e;letter-spacing:-.025em; }

/* Device expansion stays on the homepage; no navigation when pressing "Lihat Lainnya". */
.art-mockup-home .ref-device-extra { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin-top:25px;max-height:0;opacity:0;overflow:hidden;transform:translateY(-12px);transition:max-height .4s ease,opacity .38s ease,transform .38s ease; }
.art-mockup-home .ref-device-extra[hidden] { display:none!important; }
.art-mockup-home .ref-device-extra.is-expanded { max-height:1800px;opacity:1;transform:translateY(0); }
.art-mockup-home .ref-device-extra-tile img { aspect-ratio:1.2; }
.art-mockup-home .ref-show-devices { display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 19px;background:#fff;color:#14548c;border:1px solid #bed0e3;border-radius:5px;cursor:pointer;font-family:inherit;font-weight:700;font-size:12px;transition:background .2s ease,color .2s ease,transform .2s ease; }
.art-mockup-home .ref-show-devices:hover { color:white;background:#14548c;transform:translateY(-2px); }
.art-mockup-home .ref-show-devices svg { transition:transform .3s ease; }
.art-mockup-home .ref-show-devices.is-expanded svg { transform:rotate(180deg); }
.art-mockup-home .ref-bottom-action { display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px; }
.art-mockup-home .ref-article-last { margin-top:0; }

/* Gentle original motion: progressive enhancement and IntersectionObserver, not a theme clone. */
.art-mockup-home.is-motion-ready .ref-reveal { opacity:0;transform:translateY(25px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1); }
.art-mockup-home.is-motion-ready .ref-reveal.is-visible { opacity:1;transform:translateY(0); }
.art-mockup-home .ref-service-image img,
.art-mockup-home .ref-device-tile img,
.art-mockup-home .ref-device-feature-image img { transition:transform .6s cubic-bezier(.2,.7,.2,1); }
.art-mockup-home .ref-device-tile:hover img,
.art-mockup-home .ref-device-feature:hover img { transform:scale(1.035); }
@media (max-width:900px) {
    .art-mockup-home .ref-trust-card { grid-template-columns:35% minmax(0,1fr); }
    .art-mockup-home .ref-device-extra { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:620px) {
    .art-mockup-home .ref-trust-section { padding:54px 0 65px; }
    .art-mockup-home .ref-trust-card { grid-template-columns:1fr; }
    .art-mockup-home .ref-trust-image { height:190px;min-height:0; }
    .art-mockup-home .ref-trust-copy { padding:22px; }
    .art-mockup-home .ref-trust-quote { font-size:21px;padding:22px 12px; }
    .art-mockup-home .ref-device-extra { grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; }
    .art-mockup-home .ref-bottom-action { flex-direction:column; }
}
@media (prefers-reduced-motion: reduce) {
    .art-mockup-home *, .art-mockup-home *::before, .art-mockup-home *::after { scroll-behavior:auto!important; transition:none!important;animation:none!important; }
    .art-mockup-home .ref-device-extra.is-expanded { max-height:none; }
}

/* Featured posts selected in Filament CMS; scoped to the existing homepage. */
.art-mockup-home .ref-featured-wrap { margin-bottom:42px; }
.art-mockup-home .ref-featured-heading { display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:18px; }
.art-mockup-home .ref-featured-eyebrow { font-size:10px;letter-spacing:.12em;font-weight:800;color:#1c5b99; }
.art-mockup-home .ref-featured-heading h2 { margin:5px 0 0;font-size:clamp(25px,3vw,33px);line-height:1.2;color:#101828;font-weight:800; }
.art-mockup-home .ref-featured-heading > a { font-size:12px;font-weight:750;color:#1c5b99;white-space:nowrap; }
.art-mockup-home .ref-featured-carousel { position:relative;min-width:0;border:1px solid #e5eaf0;background:#fff;box-shadow:0 12px 30px rgba(20,41,74,.07);overflow:hidden; }
.art-mockup-home .ref-featured-slide { display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-width:0; }
.art-mockup-home .ref-featured-slide[hidden] { display:none !important; }
.art-mockup-home .ref-featured-photo { display:block;min-height:300px;position:relative;overflow:hidden;background:#e7eff7; }
.art-mockup-home .ref-featured-photo img { width:100%;height:100%;min-height:300px;max-height:370px;display:block;object-fit:cover; }
.art-mockup-home .ref-featured-image-empty { display:grid;place-items:center;height:100%;min-height:300px;color:#205b94;font-weight:800;letter-spacing:.1em;font-size:26px; }
.art-mockup-home .ref-featured-story { padding:clamp(22px,3vw,38px);display:flex;flex-direction:column;justify-content:center;min-width:0; }
.art-mockup-home .ref-featured-category { font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#21609c;margin-bottom:12px; }
.art-mockup-home .ref-featured-story h3 { font-size:clamp(21px,2.6vw,30px);font-weight:800;line-height:1.2;letter-spacing:-.025em;margin:0 0 13px;color:#172235;overflow-wrap:anywhere; }
.art-mockup-home .ref-featured-date { font-size:11px;color:#64748b;margin-bottom:10px; }
.art-mockup-home .ref-featured-story p { color:#536274;font-size:13px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 17px; }
.art-mockup-home .ref-featured-read { align-self:flex-start;background:#115494;color:#fff !important;font-size:12px;font-weight:750;padding:10px 17px;border-radius:4px; }
.art-mockup-home .ref-featured-read:hover { background:#0b3c70; }
.art-mockup-home .ref-featured-controls { display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;background:#fff;border-top:1px solid #eef2f7; }
.art-mockup-home .ref-featured-dots,.art-mockup-home .ref-featured-arrows { display:flex;gap:8px;align-items:center; }
.art-mockup-home .ref-featured-dot { width:8px;height:8px;padding:0;background:#c6d3e2;border:0;border-radius:999px;cursor:pointer; }
.art-mockup-home .ref-featured-dot.is-active { background:#145590;width:22px; }
.art-mockup-home .ref-featured-arrows button { display:grid;place-items:center;width:34px;height:29px;border:1px solid #dbe5f0;background:#fff;color:#154f88;border-radius:4px;cursor:pointer;font-size:16px; }
.art-mockup-home .ref-featured-arrows button:hover { background:#ecf4fc; }
.art-mockup-home .ref-featured-carousel :focus-visible { outline:2px solid #0a64b4;outline-offset:3px; }
@media (max-width:700px) {
  .art-mockup-home .ref-featured-slide { grid-template-columns:1fr; }
  .art-mockup-home .ref-featured-photo { min-height:0;aspect-ratio:16/9; }
  .art-mockup-home .ref-featured-photo img { width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:16/9; }
  .art-mockup-home .ref-featured-image-empty { min-height:0;height:100%; }
  .art-mockup-home .ref-featured-story { padding:22px 20px; }
  .art-mockup-home .ref-featured-story h3 { font-size:23px; }
  .art-mockup-home .ref-featured-wrap { margin-bottom:35px; }
}
@media (prefers-reduced-motion: reduce) {
  .art-mockup-home .ref-featured-carousel *, .art-mockup-home .ref-featured-carousel *::before { transition:none!important;animation:none!important; }
}