@font-face {
  font-family: "Instrument Serif";
  src: url("../fonts/instrument-serif-regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Instrument Serif";
  src: url("../fonts/instrument-serif-italic.ttf") format("truetype");
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-400.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-500.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-600.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-700.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --syn-ink: #111c2c;
  --syn-ink-soft: #253247;
  --syn-paper: #f5f2ea;
  --syn-paper-light: #fcfbf8;
  --syn-bronze: #b28a57;
  --syn-blue: #3976e8;
  --syn-line: rgba(17, 28, 44, 0.14);
  --syn-white-line: rgba(255, 255, 255, 0.18);
  --syn-serif: "Instrument Serif", Georgia, serif;
  --syn-sans: "Manrope", Arial, sans-serif;
  --syn-shell: min(1440px, 100%);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 84px;
}

body {
  margin: 0;
  overflow-x: hidden;
  background: var(--syn-paper-light);
  color: var(--syn-ink);
  font-family: var(--syn-sans);
  font-size: 16px;
  line-height: 1.7;
}

body.menu-open {
  overflow: hidden;
}

body.admin-bar .site-header {
  top: 32px;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
a,
input,
select,
textarea {
  -webkit-tap-highlight-color: transparent;
}

button,
input,
select,
textarea {
  font: inherit;
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.page-noise {
  position: fixed;
  inset: 0;
  z-index: 999;
  pointer-events: none;
  opacity: 0.032;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.45'/%3E%3C/svg%3E");
}

.site-header {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  height: 84px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 4vw;
  color: #fff;
  background: linear-gradient(to bottom, rgba(17, 28, 44, 0.92), rgba(17, 28, 44, 0.24), transparent);
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

.site-header.is-scrolled {
  background: rgba(13, 23, 37, 0.94);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(14px);
}

.brand {
  position: relative;
  z-index: 202;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: #fff;
  font-weight: 700;
  font-size: 0.84rem;
  letter-spacing: 0.18em;
}

.brand-mark {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
}

.brand-mark span {
  position: absolute;
  left: 50%;
  width: 2px;
  height: 15px;
  background: currentColor;
  transform-origin: bottom center;
  border-radius: 99px;
}

.brand-mark span:nth-child(1) { transform: translateX(-50%) rotate(-38deg); }
.brand-mark span:nth-child(2) { transform: translateX(-50%); }
.brand-mark span:nth-child(3) { transform: translateX(-50%) rotate(38deg); }

.brand-mark::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 2px;
  width: 7px;
  height: 7px;
  border: 2px solid currentColor;
  border-radius: 50%;
  transform: translateX(-50%);
}

.primary-navigation {
  display: flex;
  align-items: center;
}

.site-nav {
  display: flex;
  align-items: center;
  gap: 28px;
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 0.78rem;
  font-weight: 600;
}

.site-nav li { margin: 0; }
.site-nav a { color: #fff; opacity: 0.74; transition: opacity 0.25s ease, background 0.25s ease; }
.site-nav a:hover,
.site-nav a:focus-visible { opacity: 1; }
.site-nav .nav-cta,
.site-nav li:last-child a {
  opacity: 1;
  padding: 12px 18px;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 999px;
}
.site-nav .nav-cta:hover,
.site-nav li:last-child a:hover { background: rgba(255, 255, 255, 0.1); }

.menu-toggle {
  position: relative;
  z-index: 202;
  display: none;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.menu-toggle span {
  position: absolute;
  left: 10px;
  width: 24px;
  height: 1.5px;
  background: #fff;
  border-radius: 2px;
  transition: top 0.3s ease, transform 0.3s ease, opacity 0.2s ease;
}
.menu-toggle span:nth-child(1) { top: 15px; }
.menu-toggle span:nth-child(2) { top: 21px; width: 18px; }
.menu-toggle span:nth-child(3) { top: 27px; }
.menu-toggle[aria-expanded="true"] span:nth-child(1) { top: 21px; transform: rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.menu-toggle[aria-expanded="true"] span:nth-child(3) { top: 21px; transform: rotate(-45deg); }

.eyebrow {
  margin: 0 0 24px;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 0.72rem;
  line-height: 1.3;
  font-weight: 700;
  opacity: 0.72;
}
.eyebrow.dark { color: var(--syn-blue); opacity: 1; }

.hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 150px 8vw 110px;
  color: #fff;
  background:
    radial-gradient(circle at 77% 42%, rgba(57, 118, 232, 0.34), transparent 29%),
    radial-gradient(circle at 18% 82%, rgba(178, 138, 87, 0.14), transparent 26%),
    linear-gradient(145deg, #0d1725 0%, #111c2c 60%, #172d50 100%);
}

.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(to left, #000, transparent 70%);
  pointer-events: none;
}

.hero-content {
  position: relative;
  z-index: 3;
  max-width: 820px;
}

.hero h1,
.model h2,
.business h2,
.join h2 {
  margin: 0;
  font-size: clamp(4.2rem, 9vw, 9.2rem);
  line-height: 0.86;
  letter-spacing: -0.06em;
  font-weight: 500;
}

.hero h1 em,
.model h2 em,
.business h2 em {
  color: var(--syn-bronze);
  font-family: var(--syn-serif);
  font-style: italic;
  font-weight: 400;
}

.hero-copy {
  width: min(640px, 100%);
  margin: 38px 0 0;
  color: rgba(255, 255, 255, 0.72);
  font-size: 1.12rem;
  line-height: 1.75;
}

.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 44px;
}

.button {
  display: inline-flex;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 700;
  transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;
}
.button:hover,
.button:focus-visible { transform: translateY(-3px); }
.button-primary { background: #fff; color: var(--syn-ink); }
.button-secondary { border-color: rgba(255, 255, 255, 0.35); color: #fff; }
.button-light { margin-top: 36px; background: var(--syn-paper-light); color: var(--syn-ink); }

.hero-footer {
  position: absolute;
  z-index: 3;
  left: 8vw;
  right: 8vw;
  bottom: 28px;
  display: flex;
  justify-content: space-between;
  color: rgba(255, 255, 255, 0.42);
  font-size: 0.66rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.hero-visual {
  position: absolute;
  z-index: 2;
  top: 10%;
  right: -7vw;
  width: min(52vw, 760px);
  aspect-ratio: 1;
}

.orbit,
.core,
.node { position: absolute; border-radius: 50%; }
.orbit { left: 50%; top: 50%; border: 1px solid rgba(255, 255, 255, 0.12); transform: translate(-50%, -50%); }
.orbit-a { width: 82%; height: 82%; animation: orbitPulse 6s ease-in-out infinite; }
.orbit-b { width: 58%; height: 58%; animation: orbitPulse 6s ease-in-out 1s infinite; }
.orbit-c { width: 32%; height: 32%; animation: orbitPulse 6s ease-in-out 2s infinite; }
.core { left: 50%; top: 50%; width: 18px; height: 18px; background: #fff; transform: translate(-50%, -50%); box-shadow: 0 0 42px rgba(255, 255, 255, 0.92); }
.node { width: 8px; height: 8px; background: var(--syn-bronze); box-shadow: 0 0 22px rgba(178, 138, 87, 0.75); }
.node-1 { left: 16%; top: 32%; animation: floatA 7s ease-in-out infinite; }
.node-2 { right: 17%; top: 26%; animation: floatB 8s ease-in-out infinite; }
.node-3 { left: 21%; bottom: 24%; animation: floatB 6.5s ease-in-out infinite; }
.node-4 { right: 24%; bottom: 17%; animation: floatA 7.5s ease-in-out infinite; }
.node-5 { left: 48%; top: 9%; animation: floatA 5.5s ease-in-out infinite; }
.node-6 { left: 9%; top: 54%; animation: floatB 7s ease-in-out infinite; }

@keyframes orbitPulse {
  0%, 100% { opacity: 0.3; transform: translate(-50%, -50%) scale(0.98); }
  50% { opacity: 1; transform: translate(-50%, -50%) scale(1.04); }
}
@keyframes floatA { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(18px, -18px); } }
@keyframes floatB { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(-14px, 20px); } }

.section-shell {
  position: relative;
  padding: 150px 8vw;
}

.section-index {
  position: absolute;
  top: 48px;
  left: 8vw;
  color: rgba(17, 28, 44, 0.38);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.14em;
}

.meaning { background: var(--syn-paper); }
.meaning-grid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 8vw; align-items: start; }
.meaning h2,
.section-heading h2,
.guarantee h2 {
  margin: 0;
  font-family: var(--syn-sans);
  font-size: clamp(3rem, 5vw, 5.7rem);
  line-height: 0.95;
  letter-spacing: -0.05em;
  font-weight: 500;
}

.word-row { display: grid; grid-template-columns: 1fr auto 1fr; gap: 26px; align-items: center; }
.word-card { min-height: 280px; padding: 34px; border: 1px solid var(--syn-line); border-radius: 22px; background: var(--syn-paper-light); }
.word-card .greek { display: block; color: var(--syn-bronze); font-family: var(--syn-serif); font-size: clamp(3.5rem, 7vw, 7rem); line-height: 0.95; }
.word-card h3 { margin: 24px 0 6px; font-size: 1.2rem; }
.word-card p { margin: 0; color: rgba(17, 28, 44, 0.64); }
.plus { color: var(--syn-bronze); font-family: var(--syn-serif); font-size: 3rem; }
.meaning-copy .lead { margin: 64px 0 0; font-family: var(--syn-serif); font-size: clamp(1.8rem, 3vw, 3.4rem); font-style: italic; line-height: 1.15; }

.statement { padding: 160px 8vw; color: #fff; background: var(--syn-blue); }
.statement-inner { max-width: 1100px; margin: 0 auto; text-align: center; }
.statement-inner p { margin: 0 0 24px; opacity: 0.7; text-transform: uppercase; letter-spacing: 0.16em; font-size: 0.72rem; font-weight: 700; }
.statement h2 { margin: 0; font-family: var(--syn-serif); font-style: italic; font-size: clamp(3rem, 6vw, 7rem); line-height: 0.98; font-weight: 400; }

.why { background: var(--syn-paper-light); }
.section-heading { max-width: 1100px; }
.section-heading > p:last-child { max-width: 770px; margin: 36px 0 0; color: rgba(17, 28, 44, 0.66); font-size: 1.08rem; }
.section-heading.compact { max-width: 900px; }
.principles-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 90px; border-top: 1px solid var(--syn-line); border-left: 1px solid var(--syn-line); }
.principle-card { min-height: 340px; padding: 36px 30px; border-right: 1px solid var(--syn-line); border-bottom: 1px solid var(--syn-line); transition: background 0.3s ease, color 0.3s ease; }
.principle-card:hover { color: #fff; background: var(--syn-ink); }
.principle-card > span,
.skill-number,
.model-list span,
.business-points span { color: var(--syn-bronze); font-size: 0.7rem; font-weight: 700; letter-spacing: 0.14em; }
.principle-card h3 { margin: 96px 0 18px; font-size: 1.35rem; line-height: 1.25; }
.principle-card p { margin: 0; opacity: 0.66; }

.model { padding: 150px 8vw; color: #fff; background: var(--syn-ink); }
.model-intro { max-width: 1200px; }
.model h2 { font-size: clamp(3.3rem, 6.5vw, 7.2rem); }
.model-grid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 10vw; margin-top: 100px; }
.model-copy { color: rgba(255, 255, 255, 0.62); font-size: 1.04rem; }
.model-copy p { margin: 0 0 24px; }
.model-list { border-top: 1px solid var(--syn-white-line); }
.model-list > div { display: grid; grid-template-columns: 70px 1fr; align-items: center; padding: 24px 0; border-bottom: 1px solid var(--syn-white-line); }
.model-list p { margin: 0; font-size: 1.14rem; }

.skills { background: var(--syn-paper); }
.skills-list { margin-top: 80px; }
.skills-list article { display: grid; grid-template-columns: 70px 1fr 1fr; gap: 40px; align-items: start; padding: 34px 0; border-top: 1px solid var(--syn-line); }
.skills-list article:last-child { border-bottom: 1px solid var(--syn-line); }
.skills-list h3 { margin: 0; font-size: 1.25rem; line-height: 1.35; }
.skills-list p { margin: 0; color: rgba(17, 28, 44, 0.62); }

.business { padding: 150px 8vw; color: #fff; background: linear-gradient(145deg, #1e58c8, #3976e8); }
.business-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 10vw; }
.business h2 { font-size: clamp(3.3rem, 6vw, 6.8rem); }
.business-main > p:not(.eyebrow) { max-width: 650px; margin: 36px 0 0; color: rgba(255, 255, 255, 0.76); font-size: 1.05rem; }
.business h2 em { color: #fff; }
.business-points { align-self: end; border-top: 1px solid var(--syn-white-line); }
.business-points > div { display: grid; grid-template-columns: 70px 1fr; padding: 26px 0; border-bottom: 1px solid var(--syn-white-line); }
.business-points span { color: rgba(255, 255, 255, 0.48); }
.business-points p { margin: 0; font-size: 1.08rem; }

.values { background: var(--syn-paper-light); }
.values-cloud { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 80px; }
.values-cloud span { display: inline-flex; padding: 18px 24px; border: 1px solid var(--syn-line); border-radius: 999px; background: var(--syn-paper-light); font-size: clamp(1rem, 1.7vw, 1.5rem); }

.manifesto { position: relative; overflow: hidden; color: #fff; background: var(--syn-ink); }
.manifesto-hero { position: relative; padding: 150px 8vw 100px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.manifesto-hero::after { content: "Manifesto"; position: absolute; right: -2%; bottom: -20%; color: rgba(255, 255, 255, 0.025); font-family: var(--syn-serif); font-size: clamp(10rem, 24vw, 28rem); font-style: italic; line-height: 1; pointer-events: none; }
.manifesto-hero h2 { position: relative; z-index: 1; max-width: 1000px; margin: 0 0 40px; font-family: var(--syn-serif); font-size: clamp(3.2rem, 6vw, 7rem); font-style: italic; font-weight: 400; line-height: 0.9; letter-spacing: -0.04em; }
.manifesto-hero > p:last-child { position: relative; z-index: 1; max-width: 720px; margin: 0; color: rgba(255, 255, 255, 0.6); }
.manifesto-chapter { display: grid; grid-template-columns: min(220px, 22vw) 1fr; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
.manifesto-chapter > header { padding: 52px 4vw 52px 8vw; border-right: 1px solid rgba(255, 255, 255, 0.08); }
.manifesto-chapter > header span { display: block; margin-bottom: 10px; color: var(--syn-bronze); font-size: 0.62rem; font-weight: 700; letter-spacing: 0.18em; }
.manifesto-chapter h3 { margin: 0; color: rgba(255, 255, 255, 0.58); font-size: 0.88rem; line-height: 1.4; }
.manifesto-chapter-copy { display: grid; gap: 28px; padding: 52px 8vw 52px 5vw; }
.manifesto-chapter-copy p { margin: 0; color: rgba(255, 255, 255, 0.58); font-size: clamp(0.95rem, 1.2vw, 1.08rem); line-height: 1.8; }
.manifesto-chapter-copy.highlight-1 > p:nth-of-type(1),
.manifesto-chapter-copy.highlight-2 > p:nth-of-type(2),
.manifesto-chapter-copy.highlight-3 > p:nth-of-type(3),
.manifesto-chapter-copy.highlight-4 > p:nth-of-type(4),
.manifesto-chapter-copy.highlight-5 > p:nth-of-type(5) { color: #fff; font-family: var(--syn-serif); font-size: clamp(1.5rem, 2.6vw, 2.8rem); font-style: italic; line-height: 1.15; letter-spacing: -0.025em; }
.manifesto-etymology { display: grid; grid-template-columns: 1fr 1fr; gap: 6vw; padding: 100px 8vw; border-top: 1px solid rgba(255, 255, 255, 0.08); }
.manifesto-etymology strong { display: block; color: var(--syn-bronze); font-family: var(--syn-serif); font-size: clamp(4rem, 8vw, 9rem); font-style: italic; font-weight: 400; line-height: 1; }
.manifesto-etymology span { display: block; margin: 12px 0 8px; color: rgba(255, 255, 255, 0.35); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; }
.manifesto-etymology p { max-width: 360px; margin: 0; color: rgba(255, 255, 255, 0.6); }

.guarantee { position: relative; overflow: hidden; padding: 140px 8vw; background: var(--syn-paper); }
.guarantee-grid { display: grid; grid-template-columns: 0.6fr 1fr; gap: 7vw; align-items: center; }
.guarantee-logo { display: grid; min-height: 320px; place-items: center; padding: 50px; border: 1px solid var(--syn-line); border-radius: 24px; background: var(--syn-paper-light); }
.guarantee-logo img { max-width: 280px; }
.guarantee-copy > p:not(.eyebrow) { max-width: 720px; color: rgba(17, 28, 44, 0.66); }
.guarantee-links { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 34px; }
.guarantee-links a { color: var(--syn-blue); font-weight: 700; }

.latest-news { background: var(--syn-paper-light); }
.news-grid,
.news-archive-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; margin-top: 70px; }
.news-card { overflow: hidden; border: 1px solid var(--syn-line); border-radius: 20px; background: #fff; }
.news-card-image { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--syn-paper); }
.news-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.45s ease; }
.news-card:hover .news-card-image img { transform: scale(1.035); }
.news-card-copy { padding: 28px; }
.news-card time,
.post-list-item time { color: var(--syn-bronze); font-size: 0.7rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
.news-card h2,
.news-card h3 { margin: 16px 0 12px; font-family: var(--syn-serif); font-size: 2rem; font-style: italic; font-weight: 400; line-height: 1.08; }
.news-card p { color: rgba(17, 28, 44, 0.62); }
.text-link { display: inline-flex; margin-top: 10px; color: var(--syn-blue); font-size: 0.82rem; font-weight: 700; }

.join { position: relative; overflow: hidden; padding: 140px 8vw; color: #fff; background: #0e1827; }
.join-orbit { position: absolute; top: -20%; left: 50%; width: 120vw; height: 120vw; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 50%; transform: translateX(-50%); pointer-events: none; }
.join-orbit::before,
.join-orbit::after { content: ""; position: absolute; border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 50%; }
.join-orbit::before { inset: 16%; }
.join-orbit::after { inset: 32%; }
.join-content { position: relative; z-index: 2; max-width: 1100px; margin: 0 auto; }
.join-heading { margin-bottom: 80px; text-align: center; }
.join h2 { font-size: clamp(3.8rem, 7vw, 7.8rem); }
.join-heading > p:last-child { max-width: 680px; margin: 34px auto 0; color: rgba(255, 255, 255, 0.68); }
.application-form-shell { padding: clamp(24px, 5vw, 58px); border: 1px solid var(--syn-white-line); border-radius: 24px; background: rgba(255, 255, 255, 0.055); backdrop-filter: blur(10px); }
.system-notice { text-align: center; }

.site-footer { padding: 90px 8vw 28px; color: #fff; background: #09101b; }
.footer-grid { display: grid; grid-template-columns: 1fr 0.7fr 1fr; gap: 70px; }
.footer-brand .brand-name { display: block; margin-bottom: 12px; font-weight: 700; letter-spacing: 0.18em; }
.footer-brand p,
.footer-meta p { margin: 0; color: rgba(255, 255, 255, 0.5); }
.footer-links { display: grid; gap: 8px; padding: 0; margin: 0; list-style: none; }
.footer-links a { color: rgba(255, 255, 255, 0.62); }
.footer-links a:hover { color: var(--syn-bronze); }
.footer-meta { display: grid; justify-items: end; gap: 8px; text-align: right; }
.footer-meta a { color: var(--syn-bronze); }
.footer-meta .footer-vat { font-size: 0.78rem; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 70px; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.32); font-size: 0.72rem; }

.content-main { min-height: 70vh; background: var(--syn-paper-light); }
.content-hero,
.article-hero { padding: 170px max(8vw, calc((100vw - 1280px) / 2)) 90px; color: #fff; background: linear-gradient(145deg, #0d1725, #172d50); }
.content-hero h1,
.article-hero h1 { max-width: 1050px; margin: 0; font-family: var(--syn-serif); font-size: clamp(3.4rem, 7vw, 7.5rem); font-style: italic; font-weight: 400; line-height: 0.95; letter-spacing: -0.04em; }
.content-hero > p:last-child { max-width: 680px; color: rgba(255, 255, 255, 0.65); }
.content-shell,
.article-content,
.article-featured { width: min(1180px, calc(100% - 16vw)); margin-inline: auto; }
.post-list { padding: 90px 0 130px; }
.post-list-item { padding: 42px 0; border-bottom: 1px solid var(--syn-line); }
.post-list-item h2 { margin: 12px 0; font-family: var(--syn-serif); font-size: clamp(2rem, 4vw, 4rem); font-style: italic; font-weight: 400; line-height: 1; }
.news-archive-grid { width: min(1280px, calc(100% - 16vw)); margin: 0 auto; padding: 100px 0 130px; }
.archive-pagination { grid-column: 1 / -1; }
.article-hero .eyebrow a { color: #fff; }
.article-meta { display: flex; gap: 24px; margin-top: 36px; color: rgba(255, 255, 255, 0.52); font-size: 0.8rem; }
.article-featured { margin-top: 70px; }
.article-featured img { width: 100%; max-height: 720px; object-fit: cover; border-radius: 24px; }
.article-content { width: min(820px, calc(100% - 16vw)); padding: 80px 0 120px; font-size: 1.06rem; }
.article-content h2,
.article-content h3 { margin-top: 2em; line-height: 1.15; }
.article-content h2 { font-family: var(--syn-serif); font-size: 3rem; font-style: italic; font-weight: 400; }
.article-content a { color: var(--syn-blue); text-decoration: underline; }
.article-content blockquote { margin: 2.5em 0; padding: 0 0 0 28px; border-left: 3px solid var(--syn-bronze); font-family: var(--syn-serif); font-size: 1.8rem; font-style: italic; }
.home-extra-content { border-top: 1px solid var(--syn-line); background: var(--syn-paper-light); }
.home-extra-content .article-content { padding-block: 110px; }
.post-navigation { padding-bottom: 100px; }
.nav-links { display: flex; justify-content: space-between; gap: 30px; }
.error-page .content-hero { min-height: 75vh; display: flex; flex-direction: column; justify-content: center; }
.error-page .button { align-self: flex-start; margin-top: 30px; }

.reveal { opacity: 0; transform: translateY(22px); transition: opacity 0.7s ease, transform 0.7s ease; }
.reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 1100px) {
  .principles-grid { grid-template-columns: repeat(2, 1fr); }
  .meaning-grid,
  .model-grid,
  .business-grid,
  .guarantee-grid { grid-template-columns: 1fr; }
  .hero-visual { right: -25vw; width: 78vw; opacity: 0.45; }
  .skills-list article { grid-template-columns: 55px 1fr; }
  .skills-list article p { grid-column: 2; }
  .business-points { margin-top: 60px; }
  .news-grid,
  .news-archive-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 860px) {
  html { scroll-padding-top: 72px; }
  body.admin-bar .site-header { top: 46px; }
  .site-header { height: 72px; padding: 0 7vw; }
  .menu-toggle { display: block; }
  .primary-navigation { position: fixed; inset: 0; z-index: 200; pointer-events: none; }
  .site-nav { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: stretch; justify-content: center; gap: 0; padding: 100px 10vw 50px; background: rgba(9, 15, 26, 0.97); opacity: 0; transform: translateY(-12px); transition: opacity 0.35s ease, transform 0.35s ease; }
  .site-nav.is-open { pointer-events: auto; opacity: 1; transform: none; }
  .site-nav li { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
  .site-nav a { display: block; padding: 16px 0; font-family: var(--syn-serif); font-size: clamp(2rem, 8vw, 3.2rem); font-style: italic; font-weight: 400; opacity: 1; }
  .site-nav .nav-cta,
  .site-nav li:last-child a { display: inline-flex; width: auto; margin-top: 28px; padding: 14px 24px; font-family: var(--syn-sans); font-size: 0.82rem; font-style: normal; text-transform: uppercase; letter-spacing: 0.12em; }
  .section-shell,
  .model,
  .business,
  .guarantee,
  .join { padding: 110px 7vw; }
  .section-index { top: 36px; left: 7vw; }
  .hero { padding: 130px 7vw 100px; }
  .hero h1 { font-size: clamp(3.8rem, 14vw, 7rem); }
  .word-row { grid-template-columns: 1fr; }
  .plus { justify-self: center; transform: rotate(90deg); }
  .manifesto-chapter { grid-template-columns: 1fr; }
  .manifesto-chapter > header { padding: 36px 7vw 20px; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
  .manifesto-chapter-copy { padding: 24px 7vw 48px; }
  .manifesto-etymology { grid-template-columns: 1fr; padding: 80px 7vw; }
  .footer-grid { grid-template-columns: 1fr; gap: 40px; }
  .footer-meta { justify-items: start; text-align: left; }
}

@media (max-width: 620px) {
  body.admin-bar .site-header { top: 0; }
  #wpadminbar { display: none; }
  .hero h1,
  .join h2 { font-size: clamp(3.35rem, 16vw, 5.2rem); }
  .hero-actions { flex-direction: column; }
  .hero-actions .button { width: 100%; }
  .hero-footer { align-items: flex-start; flex-direction: column; gap: 4px; }
  .principles-grid,
  .news-grid,
  .news-archive-grid { grid-template-columns: 1fr; }
  .principle-card { min-height: 280px; }
  .skills-list article { grid-template-columns: 1fr; gap: 12px; }
  .skills-list article p { grid-column: auto; }
  .model-list > div,
  .business-points > div { grid-template-columns: 45px 1fr; }
  .values-cloud span { width: 100%; justify-content: center; }
  .manifesto-hero { padding: 110px 7vw 80px; }
  .manifesto-hero h2 { font-size: clamp(3rem, 14vw, 5rem); }
  .application-form-shell { padding: 24px 18px; }
  .site-footer { padding-inline: 7vw; }
  .footer-bottom { flex-direction: column; gap: 4px; }
  .content-shell,
  .article-content,
  .article-featured,
  .news-archive-grid { width: calc(100% - 14vw); }
  .content-hero,
  .article-hero { padding: 140px 7vw 70px; }
  .nav-links { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,
  *::before,
  *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
  .reveal { opacity: 1; transform: none; }
}