@charset "UTF-8";

:root {
--atlas-ink: #091224;
--atlas-navy: #0f1f3d;
--atlas-steel: #20345b;
--atlas-slate: #5f6f91;
--atlas-gold: #caa35d;
--atlas-gold-deep: #af8340;
--atlas-paper: #f8f4ee;
--atlas-white: #ffffff;
--atlas-line: rgba(19, 34, 63, 0.12);
--atlas-shadow: 0 22px 70px rgba(9, 18, 36, 0.16);
--atlas-radius: 28px;
--atlas-max: 1240px;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
margin: 0;
color: var(--atlas-ink);
background:
radial-gradient(circle at top right, rgba(202, 163, 93, 0.12), transparent 22%),
linear-gradient(180deg, #f9f7f1 0%, #f5f8fc 24%, #ffffff 100%);
font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
line-height: 1.65;
text-rendering: optimizeLegibility;
}
img {
display: block;
max-width: 100%;
height: auto;
}
a {
color: inherit;
text-decoration: none;
}
p,
ul,
ol {
margin: 0 0 1rem;
}
ul,
ol {
padding-left: 1.25rem;
}
h1,
h2,
h3,
h4 {
margin: 0 0 1rem;
line-height: 1.05;
letter-spacing: -0.03em;
}
h1 {
font-size: clamp(2.8rem, 5vw, 5.6rem);
}
h2 {
font-size: clamp(2rem, 3vw, 3.3rem);
}
h3 {
font-size: clamp(1.2rem, 1.8vw, 1.75rem);
}
.container {
width: min(calc(100% - 40px), var(--atlas-max));
margin: 0 auto;
}
.eyebrow {
display: inline-flex;
align-items: center;
gap: 0.55rem;
padding: 0.55rem 0.95rem;
border: 1px solid rgba(202, 163, 93, 0.32);
border-radius: 999px;
color: var(--atlas-gold);
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 56px;
padding: 0.95rem 1.45rem;
border: 1px solid transparent;
border-radius: 16px;
font-weight: 700;
transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}
.button:hover {
transform: translateY(-2px);
}
.button--gold {
color: var(--atlas-ink);
background: linear-gradient(135deg, #d7b271 0%, #c29547 100%);
box-shadow: 0 18px 40px rgba(194, 149, 71, 0.24);
}
.button--ghost {
color: var(--atlas-white);
border-color: rgba(255, 255, 255, 0.36);
background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(14px);
}
.button--ink {
color: var(--atlas-white);
background: var(--atlas-ink);
box-shadow: 0 18px 40px rgba(9, 18, 36, 0.22);
}
.button--full {
width: 100%;
}
.site-header {
position: sticky;
top: 0;
z-index: 60;
backdrop-filter: blur(14px);
background: rgba(247, 245, 239, 0.82);
border-bottom: 1px solid rgba(20, 34, 62, 0.08);
}
.site-header__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
min-height: 90px;
}
.brand {
display: inline-flex;
align-items: center;
gap: 0.85rem;
}
.brand img {
width: 54px;
height: 54px;
border-radius: 16px;
box-shadow: 0 12px 28px rgba(9, 18, 36, 0.12);
}
.brand__text {
display: grid;
gap: 0.1rem;
}
.brand__text strong {
font-size: 1.15rem;
letter-spacing: -0.03em;
}
.brand__text span {
color: var(--atlas-slate);
font-size: 0.82rem;
}
.site-nav {
display: flex;
align-items: center;
gap: 1.4rem;
}
.site-nav a {
position: relative;
font-weight: 600;
color: #263756;
}
.site-nav a::after {
content: "";
position: absolute;
left: 0;
bottom: -0.4rem;
width: 100%;
height: 2px;
background: var(--atlas-gold);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.25s ease;
}
.site-nav a:hover::after,
.site-nav a[aria-current="page"]::after {
transform: scaleX(1);
}
.nav-cta {
padding: 0.85rem 1.1rem;
border-radius: 14px;
background: var(--atlas-ink);
color: var(--atlas-white) !important;
}
.nav-cta::after {
display: none;
}
.nav-toggle {
display: none;
width: 50px;
height: 50px;
padding: 0;
border: 0;
border-radius: 14px;
background: rgba(15, 31, 61, 0.08);
}
.nav-toggle span {
display: block;
width: 22px;
height: 2px;
margin: 4px auto;
background: var(--atlas-ink);
transition: transform 0.25s ease, opacity 0.25s ease;
}
.nav-toggle.is-open span:nth-child(1) {
transform: translateY(6px) rotate(45deg);
}
.nav-toggle.is-open span:nth-child(2) {
opacity: 0;
}
.nav-toggle.is-open span:nth-child(3) {
transform: translateY(-6px) rotate(-45deg);
}
.hero-atlas,
.service-hero {
position: relative;
overflow: clip;
color: var(--atlas-white);
background: linear-gradient(135deg, #0c1730 0%, #12284e 42%, #1a2d54 100%);
}
.hero-atlas::before,
.service-hero::before {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(120deg, rgba(7, 13, 30, 0.9) 8%, rgba(7, 13, 30, 0.76) 38%, rgba(7, 13, 30, 0.42) 72%, rgba(7, 13, 30, 0.3) 100%),
radial-gradient(circle at 18% 18%, rgba(202, 163, 93, 0.22), transparent 26%);
z-index: 1;
}
.hero-atlas__media,
.service-hero__backdrop {
position: absolute;
inset: 0;
}
.hero-atlas__media::after,
.service-hero__backdrop::after {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.06), transparent 40%),
repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.06) 0 1px, transparent 1px 118px),
repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0 1px, transparent 1px 118px);
opacity: 0.2;
}
.hero-atlas__media img,
.service-hero__backdrop img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
opacity: 0.72;
transform: scale(1.03);
}
.hero-atlas__overlay {
position: absolute;
inset: auto 8% 12% auto;
width: 34vw;
min-width: 260px;
aspect-ratio: 1;
border-radius: 50%;
background: radial-gradient(circle, rgba(202, 163, 93, 0.18) 0%, rgba(202, 163, 93, 0) 70%);
filter: blur(8px);
z-index: 1;
}
.hero-atlas__content,
.service-hero__grid {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr);
gap: 2rem;
align-items: end;
min-height: min(92vh, 920px);
padding: 7.5rem 0 5rem;
}
.hero-atlas__content > :first-child,
.service-hero__copy {
max-width: 720px;
}
.hero-atlas p,
.service-hero p,
.page-hero p {
color: rgba(247, 247, 249, 0.82);
font-size: clamp(1.05rem, 1.4vw, 1.3rem);
}
.hero-atlas__actions {
display: flex;
flex-wrap: wrap;
gap: 0.95rem;
margin-top: 2rem;
}
.hero-atlas__actions--center {
justify-content: center;
}
.hero-atlas__stats {
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin-top: 2.25rem;
}
.hero-atlas__stats article,
.glass-stack article,
.service-hero__panel {
padding: 1.2rem 1.25rem;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 22px;
background: rgba(255, 255, 255, 0.08);
box-shadow: 0 16px 42px rgba(5, 10, 24, 0.18);
backdrop-filter: blur(18px);
}
.hero-atlas__stats strong,
.service-hero__panel strong {
display: block;
margin-bottom: 0.35rem;
font-size: 1.5rem;
letter-spacing: -0.04em;
}
.hero-atlas__stats span,
.glass-stack span,
.service-hero__panel span {
display: block;
color: rgba(255, 255, 255, 0.78);
}
.glass-stack {
display: grid;
gap: 1rem;
}
.section {
position: relative;
padding: 6rem 0;
}
.section--ink {
color: var(--atlas-white);
background:
radial-gradient(circle at top right, rgba(202, 163, 93, 0.1), transparent 22%),
linear-gradient(145deg, #0d1730 0%, #14284b 100%);
}
.section--cta {
padding-top: 1rem;
}
.section--content {
padding-top: 3rem;
}
.section-head {
max-width: 760px;
margin-bottom: 2.5rem;
}
.section-head p {
color: var(--atlas-slate);
max-width: 60ch;
}
.service-grid,
.post-grid,
.sector-grid,
.process-grid {
display: grid;
gap: 1.3rem;
}
.service-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.service-card,
.post-card,
.sector-card,
.process-grid article,
.sidebar-card,
.contact-panel,
.form-shell,
.media-card,
.content-shell,
.feature-card {
border: 1px solid var(--atlas-line);
border-radius: var(--atlas-radius);
background: rgba(255, 255, 255, 0.82);
box-shadow: var(--atlas-shadow);
}
.service-card {
padding: 1.8rem;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 249, 252, 0.96)),
linear-gradient(135deg, rgba(202, 163, 93, 0.08), transparent 42%);
transition: transform 0.25s ease, border-color 0.25s ease;
}
.service-card:hover,
.post-card:hover,
.sector-card:hover {
transform: translateY(-6px);
border-color: rgba(202, 163, 93, 0.34);
}
.service-card__kicker {
display: inline-flex;
margin-bottom: 1rem;
color: var(--atlas-gold-deep);
font-size: 0.82rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.service-card p,
.post-card p,
.sector-card span,
.process-grid p,
.content-shell,
.content-shell p,
.contact-panel p,
.form-shell p {
color: #4f607f;
}
.service-card a {
display: inline-flex;
margin-top: 1rem;
color: var(--atlas-navy);
font-weight: 700;
}
.text-link {
display: inline-flex;
align-items: center;
gap: 0.55rem;
color: var(--atlas-navy);
font-weight: 700;
}
.text-link::after {
content: "→";
transition: transform 0.2s ease;
}
.text-link:hover::after {
transform: translateX(2px);
}
.split-panel,
.about-grid,
.article-layout,
.contact-layout,
.service-layout {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.95fr);
gap: 1.5rem;
align-items: center;
}
.insight-panel {
display: grid;
gap: 1rem;
padding: 1.5rem;
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: var(--atlas-radius);
background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(20px);
}
.insight-panel--light {
color: var(--atlas-ink);
border-color: var(--atlas-line);
background: rgba(255, 255, 255, 0.85);
box-shadow: var(--atlas-shadow);
}
.insight-panel article {
display: grid;
gap: 0.35rem;
padding: 1rem 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.insight-panel--light article {
border-bottom-color: rgba(15, 31, 61, 0.08);
}
.insight-panel article:last-child {
border-bottom: 0;
}
.check-list {
display: grid;
gap: 0.75rem;
list-style: none;
padding: 0;
margin: 1.5rem 0 0;
}
.check-list li {
position: relative;
padding-left: 1.7rem;
}
.check-list li::before {
content: "";
position: absolute;
left: 0;
top: 0.55rem;
width: 0.8rem;
height: 0.8rem;
border-radius: 50%;
background: linear-gradient(135deg, var(--atlas-gold), var(--atlas-gold-deep));
box-shadow: 0 0 0 6px rgba(202, 163, 93, 0.12);
}
.post-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
align-items: stretch;
}
.post-card {
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(245, 248, 252, 0.94)),
radial-gradient(circle at top right, rgba(202, 163, 93, 0.14), transparent 30%);
}
.post-card__media {
position: relative;
display: block;
overflow: hidden;
min-height: var(--post-media-min-height, 0);
aspect-ratio: var(--post-media-ratio, 4 / 3);
background: linear-gradient(135deg, #0d1730, #20345b);
}
.post-card__media::after {
content: "";
position: absolute;
inset: auto 0 0;
height: 42%;
background: linear-gradient(180deg, rgba(9, 18, 36, 0), rgba(9, 18, 36, 0.24));
pointer-events: none;
}
.post-card__media img {
width: 100%;
height: 100%;
min-height: 100%;
object-fit: cover;
transition: transform 0.45s ease;
}
.post-card:hover .post-card__media img {
transform: scale(1.04);
}
.post-card__media--generated img {
filter: saturate(1.04);
}
.post-card__body {
display: flex;
flex: 1;
flex-direction: column;
gap: 1rem;
padding: 1.5rem;
}
.post-card__body--featured {
justify-content: space-between;
padding: clamp(1.6rem, 2.8vw, 2.5rem);
}
.post-card__content {
display: grid;
gap: 0.8rem;
}
.post-card__kicker,
.post-card__meta {
display: inline-flex;
align-self: flex-start;
margin: 0;
padding: 0.4rem 0.72rem;
border-radius: 999px;
background: rgba(15, 31, 61, 0.06);
color: var(--atlas-gold-deep);
font-size: 0.79rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.post-card__kicker {
background: rgba(202, 163, 93, 0.14);
}
.post-card__title {
margin: 0;
color: var(--atlas-navy);
}
.post-card__title a {
transition: color 0.2s ease;
}
.post-card__title a:hover {
color: var(--atlas-gold-deep);
}
.post-card__lead,
.post-card__excerpt {
margin: 0;
}
.post-card__lead {
font-size: 1.04rem;
line-height: 1.7;
}
.post-card__footer {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 1rem;
margin-top: auto;
}
.post-card__meta-row {
display: flex;
flex-wrap: wrap;
gap: 0.7rem;
color: var(--atlas-slate);
font-size: 0.92rem;
}
.post-card__meta-item {
display: inline-flex;
align-items: center;
gap: 0.7rem;
}
.post-card__meta-item + .post-card__meta-item::before {
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background: rgba(202, 163, 93, 0.72);
}
.post-card--featured {
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
}
.post-card--featured .post-card__media {
height: 100%;
min-height: 100%;
aspect-ratio: auto;
}
.post-card--featured .post-card__title {
font-size: clamp(2rem, 3vw, 3rem);
line-height: 1.02;
}
.post-card--featured .post-card__meta-row {
font-size: 0.95rem;
}
.cta-band {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.5rem;
padding: 2rem;
border-radius: calc(var(--atlas-radius) + 4px);
background:
linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(248, 244, 238, 0.96)),
radial-gradient(circle at left top, rgba(202, 163, 93, 0.18), transparent 22%);
box-shadow: var(--atlas-shadow);
border: 1px solid rgba(202, 163, 93, 0.18);
}
.faq-grid {
display: grid;
gap: 1rem;
}
.faq-card {
padding: 1rem 1.15rem;
border-radius: calc(var(--atlas-radius) - 6px);
border: 1px solid rgba(17, 33, 62, 0.1);
background: rgba(255, 255, 255, 0.94);
box-shadow: 0 18px 42px rgba(16, 33, 62, 0.06);
}
.faq-card summary {
position: relative;
padding-right: 1.8rem;
cursor: pointer;
list-style: none;
font-weight: 700;
color: var(--atlas-navy);
}
.faq-card summary::-webkit-details-marker {
display: none;
}
.faq-card summary::after {
content: "+";
position: absolute;
right: 0;
top: -0.1rem;
font-size: 1.4rem;
line-height: 1;
color: var(--atlas-gold-deep);
}
.faq-card[open] summary::after {
content: "−";
}
.faq-card p {
margin: 0.85rem 0 0;
color: var(--atlas-slate);
}
.page-hero,
.page-hero-simple {
position: relative;
overflow: hidden;
color: var(--atlas-white);
background:
linear-gradient(145deg, #0d1730 0%, #173155 100%);
}
.page-hero::before,
.page-hero-simple::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(circle at top right, rgba(202, 163, 93, 0.18), transparent 20%),
repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.06) 0 1px, transparent 1px 136px),
repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0 1px, transparent 1px 136px);
opacity: 0.34;
}
.page-hero .container,
.page-hero-simple .container {
position: relative;
z-index: 1;
padding: 5rem 0 4rem;
}
.page-hero-simple--editorial .container {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 1.5rem;
align-items: end;
}
.page-hero-simple__copy {
max-width: 760px;
}
.page-hero-simple__copy p {
margin-bottom: 0;
}
.page-hero-simple__meta {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 0.85rem;
}
.page-hero-simple__meta span {
display: inline-flex;
align-items: center;
min-height: 46px;
padding: 0.7rem 1rem;
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: 999px;
background: rgba(255, 255, 255, 0.08);
color: rgba(255, 255, 255, 0.84);
backdrop-filter: blur(16px);
}
.site-breadcrumbs {
margin-bottom: 1rem;
}
.site-breadcrumbs ol {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.65rem;
padding: 0;
margin: 0;
list-style: none;
}
.site-breadcrumbs li {
display: inline-flex;
align-items: center;
gap: 0.65rem;
color: rgba(255, 255, 255, 0.72);
font-size: 0.9rem;
}
.site-breadcrumbs li:not(:last-child)::after {
content: "/";
color: rgba(255, 255, 255, 0.4);
}
.site-breadcrumbs a {
color: rgba(255, 255, 255, 0.92);
}
.page-hero-simple .site-breadcrumbs li,
.page-hero-simple .site-breadcrumbs a,
.page-hero-simple .site-breadcrumbs li:not(:last-child)::after {
color: rgba(255, 255, 255, 0.76);
}
.page-hero__grid {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.9fr);
gap: 1.5rem;
align-items: center;
}
.page-hero__center {
text-align: center;
}
.media-card {
overflow: hidden;
}
.media-card img {
width: 100%;
height: 100%;
object-fit: cover;
}
.media-card--portrait {
aspect-ratio: 1 / 1;
}
.media-card--wide {
aspect-ratio: 16 / 10;
min-height: 360px;
}
.process-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.process-grid article {
padding: 1.8rem;
color: var(--atlas-white);
background: rgba(255, 255, 255, 0.08);
border-color: rgba(255, 255, 255, 0.12);
}
.process-grid span {
display: inline-grid;
place-items: center;
width: 52px;
height: 52px;
margin-bottom: 1rem;
border-radius: 16px;
background: rgba(202, 163, 93, 0.18);
color: var(--atlas-gold);
font-weight: 800;
}
.contact-layout {
align-items: start;
}
.contact-panel,
.form-shell {
padding: 1.8rem;
}
.contact-items {
display: grid;
gap: 0.8rem;
margin: 1.5rem 0;
}
.contact-items a {
color: var(--atlas-navy);
font-weight: 700;
}
.contact-form {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1rem;
}
.contact-form label {
display: grid;
gap: 0.5rem;
}
.contact-form__wide {
grid-column: 1 / -1;
}
.contact-form span {
font-size: 0.9rem;
font-weight: 700;
color: var(--atlas-ink);
}
.contact-form input,
.contact-form select,
.contact-form textarea {
width: 100%;
min-height: 54px;
padding: 0.95rem 1rem;
border: 1px solid rgba(15, 31, 61, 0.12);
border-radius: 16px;
background: rgba(247, 248, 252, 0.92);
color: var(--atlas-ink);
font: inherit;
}
.contact-form textarea {
min-height: 150px;
resize: vertical;
}
.alert-success {
margin-bottom: 1rem;
padding: 1rem 1.1rem;
border-radius: 16px;
background: rgba(34, 160, 125, 0.12);
color: #145342;
font-weight: 700;
}
.content-shell {
padding: 2rem;
}
.content-shell--article {
min-width: 0;
font-size: 1.02rem;
}
.content-shell h2,
.content-shell h3 {
margin-top: 2rem;
color: var(--atlas-navy);
}
.content-shell a {
color: var(--atlas-steel);
text-decoration: underline;
text-decoration-color: rgba(202, 163, 93, 0.7);
}
.single-shell .page-hero {
padding-bottom: 2rem;
}
.article-head {
display: grid;
grid-template-columns: minmax(0, 0.95fr) minmax(320px, 0.85fr);
gap: 1.5rem;
align-items: center;
}
.article-copy {
display: grid;
gap: 1rem;
max-width: 680px;
}
.article-summary {
margin: 0;
max-width: 58ch;
color: rgba(247, 247, 249, 0.82);
}
.page-hero--article .post-card__meta {
background: rgba(255, 255, 255, 0.08);
color: #e1c389;
}
.article-meta {
display: flex;
flex-wrap: wrap;
gap: 0.8rem;
margin-top: 1.4rem;
color: rgba(255, 255, 255, 0.8);
}
.article-meta span {
display: inline-flex;
align-items: center;
min-height: 44px;
padding: 0.55rem 0.95rem;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 999px;
background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(16px);
}
.article-cover {
padding: 1rem;
border-color: rgba(255, 255, 255, 0.12);
background: rgba(255, 255, 255, 0.07);
box-shadow: 0 22px 70px rgba(3, 8, 20, 0.26);
}
.article-cover__frame {
overflow: hidden;
border-radius: calc(var(--atlas-radius) - 8px);
aspect-ratio: 16 / 10;
background: linear-gradient(135deg, #0d1730, #20345b);
}
.article-cover__frame img {
width: 100%;
height: 100%;
object-fit: cover;
}
.article-cover__caption {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 0.8rem;
margin-top: 0.95rem;
color: rgba(255, 255, 255, 0.76);
font-size: 0.92rem;
}
.article-sidebar {
display: grid;
gap: 1rem;
align-self: start;
position: sticky;
top: 110px;
}
.article-conversion-band {
display: grid;
gap: 0.95rem;
margin-top: 2rem;
padding: 1.5rem;
border-radius: calc(var(--atlas-radius) - 2px);
border: 1px solid rgba(202, 163, 93, 0.18);
background:
linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(248, 244, 238, 0.96)),
radial-gradient(circle at top right, rgba(202, 163, 93, 0.2), transparent 26%);
box-shadow: 0 18px 42px rgba(16, 33, 62, 0.08);
}
.article-conversion-band h2,
.article-conversion-band p {
margin: 0;
}
.article-conversion-band p {
color: var(--atlas-slate);
}
.article-conversion-band__actions {
display: flex;
flex-wrap: wrap;
gap: 0.8rem;
}
.sidebar-card {
padding: 1.5rem;
}
.sidebar-links {
display: grid;
gap: 0.75rem;
padding: 0;
margin: 1rem 0 0;
list-style: none;
}
.sidebar-links a {
color: var(--atlas-navy);
font-weight: 700;
}
.service-hero__panel {
align-self: center;
max-width: 420px;
}
.service-layout {
align-items: start;
}
.feature-stack {
display: grid;
gap: 1rem;
margin-top: 1.5rem;
}
.feature-card {
display: grid;
grid-template-columns: 18px minmax(0, 1fr);
gap: 1rem;
padding: 1.4rem;
}
.feature-card span {
margin-top: 0.45rem;
width: 18px;
height: 18px;
border-radius: 50%;
background: linear-gradient(135deg, var(--atlas-gold), var(--atlas-gold-deep));
box-shadow: 0 0 0 8px rgba(202, 163, 93, 0.14);
}
.sector-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.sector-card {
padding: 1.5rem;
color: var(--atlas-white);
background: rgba(255, 255, 255, 0.08);
border-color: rgba(255, 255, 255, 0.12);
}
.sector-card strong {
display: block;
margin-bottom: 0.6rem;
}
.pagination-wrap .nav-links {
display: flex;
flex-wrap: wrap;
gap: 0.7rem;
margin-top: 2.4rem;
}
.pagination-wrap .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 46px;
min-height: 46px;
padding: 0 0.9rem;
border-radius: 14px;
border: 1px solid var(--atlas-line);
background: rgba(255, 255, 255, 0.82);
}
.pagination-wrap .current {
background: var(--atlas-ink);
color: var(--atlas-white);
}
.empty-state {
padding: 2rem;
border: 1px solid var(--atlas-line);
border-radius: var(--atlas-radius);
background: rgba(255, 255, 255, 0.84);
box-shadow: var(--atlas-shadow);
}
.site-footer {
margin-top: 4rem;
color: rgba(255, 255, 255, 0.8);
background: linear-gradient(145deg, #091224 0%, #10213e 100%);
}
.footer-grid {
display: grid;
grid-template-columns: minmax(0, 1.2fr) repeat(2, minmax(0, 0.8fr));
gap: 1.6rem;
padding: 4rem 0 2rem;
}
.site-footer h3,
.site-footer h4 {
color: var(--atlas-white);
}
.site-footer a {
display: block;
width: fit-content;
color: rgba(255, 255, 255, 0.8);
margin-bottom: 0.7rem;
}
.footer-bottom {
display: flex;
justify-content: space-between;
gap: 1rem;
padding: 1.2rem 0 2rem;
border-top: 1px solid rgba(255, 255, 255, 0.08);
font-size: 0.92rem;
}
[data-reveal] {
opacity: 0;
transform: translateY(18px);
transition: opacity 0.65s ease, transform 0.65s ease;
}
[data-reveal].is-visible {
opacity: 1;
transform: translateY(0);
}
@media (max-width: 1120px) {
.hero-atlas__content,
.service-hero__grid,
.page-hero__grid,
.split-panel,
.about-grid,
.article-layout,
.contact-layout,
.service-layout,
.article-head,
.footer-grid,
.service-grid,
.post-grid,
.sector-grid,
.process-grid {
grid-template-columns: 1fr;
}
.cta-band,
.footer-bottom {
flex-direction: column;
align-items: flex-start;
}
.hero-atlas__content,
.service-hero__grid {
min-height: auto;
padding-top: 6rem;
}
.hero-atlas__overlay {
right: -10%;
bottom: 18%;
width: 420px;
}
.page-hero-simple--editorial .container,
.post-card--featured {
grid-template-columns: 1fr;
}
.post-card--featured .post-card__media {
min-height: 0;
aspect-ratio: 16 / 10;
}
.article-sidebar {
position: static;
}
.article-conversion-band__actions {
flex-direction: column;
align-items: stretch;
}
}
@media (max-width: 860px) {
.site-nav {
position: absolute;
top: calc(100% + 8px);
right: 20px;
left: 20px;
display: none;
flex-direction: column;
align-items: stretch;
padding: 1rem;
border-radius: 22px;
background: rgba(247, 245, 239, 0.98);
box-shadow: var(--atlas-shadow);
}
.site-nav.is-open {
display: flex;
}
.nav-toggle {
display: inline-block;
}
.contact-form {
grid-template-columns: 1fr;
}
.page-hero-simple__meta {
justify-content: flex-start;
}
.post-card__footer {
align-items: flex-start;
flex-direction: column;
}
}
@media (max-width: 680px) {
.container {
width: min(calc(100% - 28px), var(--atlas-max));
}
.site-header__inner {
min-height: 78px;
}
.brand__text span {
display: none;
}
.hero-atlas__content,
.service-hero__grid {
padding: 5rem 0 3.5rem;
}
.hero-atlas__media img,
.service-hero__backdrop img {
object-position: 64% center;
}
.hero-atlas__stats {
display: grid;
grid-template-columns: 1fr;
}
.section {
padding: 4.4rem 0;
}
.page-hero .container,
.page-hero-simple .container {
padding: 4rem 0 3rem;
}
.page-hero-simple__meta span,
.article-meta span {
width: 100%;
justify-content: center;
}
.service-card,
.post-card__body,
.contact-panel,
.form-shell,
.content-shell,
.sidebar-card,
.feature-card {
padding: 1.25rem;
}
.cta-band {
padding: 1.4rem;
}
.post-card__meta-row {
gap: 0.55rem;
}
}