:root {
  --pose-ink-black: #0d1b2a;
  --pose-ink-black-100: #030609;
  --pose-ink-black-200: #050b11;
  --pose-ink-black-300: #08111a;
  --pose-ink-black-400: #0b1622;
  --pose-ink-black-500: #0d1b2a;
  --pose-ink-black-600: #234870;
  --pose-ink-black-700: #3875b6;
  --pose-ink-black-800: #74a3d4;
  --pose-ink-black-900: #bad1ea;

  --pose-prussian-blue: #1b263b;
  --pose-prussian-blue-100: #05080c;
  --pose-prussian-blue-200: #0b0f18;
  --pose-prussian-blue-300: #101724;
  --pose-prussian-blue-400: #161f30;
  --pose-prussian-blue-500: #1b263b;
  --pose-prussian-blue-600: #364c75;
  --pose-prussian-blue-700: #5172af;
  --pose-prussian-blue-800: #8ba1ca;
  --pose-prussian-blue-900: #c5d0e4;

  --pose-dusk-blue: #415a77;
  --pose-dusk-blue-100: #0d1218;
  --pose-dusk-blue-200: #1a242f;
  --pose-dusk-blue-300: #273647;
  --pose-dusk-blue-400: #34485f;
  --pose-dusk-blue-500: #415a77;
  --pose-dusk-blue-600: #587aa1;
  --pose-dusk-blue-700: #819bb9;
  --pose-dusk-blue-800: #abbcd1;
  --pose-dusk-blue-900: #d5dee8;

  --pose-dusty-denim: #778da9;
  --pose-dusty-denim-100: #161c23;
  --pose-dusty-denim-200: #2c3746;
  --pose-dusty-denim-300: #425369;
  --pose-dusty-denim-400: #586f8d;
  --pose-dusty-denim-500: #778da9;
  --pose-dusty-denim-600: #91a2ba;
  --pose-dusty-denim-700: #acbacb;
  --pose-dusty-denim-800: #c8d1dc;
  --pose-dusty-denim-900: #e3e8ee;

  --pose-alabaster-grey: #e0e1dd;
  --pose-alabaster-grey-100: #2e2f2a;
  --pose-alabaster-grey-200: #5b5e53;
  --pose-alabaster-grey-300: #898c7e;
  --pose-alabaster-grey-400: #b4b6ad;
  --pose-alabaster-grey-500: #e0e1dd;
  --pose-alabaster-grey-600: #e5e6e3;
  --pose-alabaster-grey-700: #ececea;
  --pose-alabaster-grey-800: #f2f3f1;
  --pose-alabaster-grey-900: #f9f9f8;

  --pose-bg: var(--pose-alabaster-grey-900);
  --pose-surface: #ffffff;
  --pose-surface-soft: var(--pose-alabaster-grey-800);
  --pose-text: var(--pose-ink-black-500);
  --pose-text-muted: var(--pose-dusk-blue-500);
  --pose-border: var(--pose-alabaster-grey-600);
  --pose-focus: rgba(81, 114, 175, 0.28);
  --pose-shadow: 0 18px 45px rgba(13, 27, 42, 0.12);
  --pose-radius: 16px;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--pose-text);
  background: var(--pose-bg);
}

.pose-focus:focus {
  outline: none;
  box-shadow: 0 0 0 4px var(--pose-focus);
}

.pose-home {
  overflow: hidden;
  background: #ffffff;
  color: #211922;
}

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

.pose-home img {
  display: block;
  max-width: 100%;
}

.pose-home__hero,
.pose-home__band,
.pose-home__community,
.pose-home__why,
.pose-home__cta {
  position: relative;
  width: 100%;
}

.pose-home__hero {
  margin-top: -112px;
  padding: clamp(122px, 11vw, 150px) 0 clamp(38px, 5vw, 64px);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.72) 40%, #fbfbf9 100%),
    linear-gradient(120deg, #fff7f7 0%, #ffffff 42%, #f4f7ff 100%);
}

.pose-home__heroInner,
.pose-home__band,
.pose-home__community,
.pose-home__why,
.pose-home__cta {
  padding-left: max(20px, calc((100vw - 1320px) / 2));
  padding-right: max(20px, calc((100vw - 1320px) / 2));
}

.pose-home__heroInner {
  display: grid;
  grid-template-columns: minmax(0, 0.94fr) minmax(420px, 0.9fr);
  gap: clamp(28px, 5vw, 76px);
  align-items: center;
}

.pose-home__eyebrow {
  margin: 0 0 14px;
  color: #e60023;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.pose-home h1,
.pose-home h2,
.pose-home h3,
.pose-home p {
  letter-spacing: 0;
}

.pose-home h1 {
  max-width: 880px;
  margin: 0;
  color: #000000;
  font-size: clamp(42px, 5.6vw, 76px);
  font-weight: 950;
  line-height: 0.92;
}

.pose-home__lead {
  max-width: 720px;
  margin: 20px 0 0;
  color: #33332e;
  font-size: clamp(17px, 1.8vw, 22px);
  font-weight: 650;
  line-height: 1.55;
}

.pose-home__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: 24px;
}

.pose-home__button {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 16px;
  padding: 0 20px;
  color: #000000;
  background: #e5e5e0;
  text-decoration: none;
  font-size: 14px;
  font-weight: 900;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease, color 180ms ease;
}

.pose-home__button:hover {
  transform: translateY(-2px);
}

.pose-home__button--primary {
  background: #e60023;
  color: #ffffff;
  box-shadow: 0 14px 28px rgba(230, 0, 35, 0.22);
}

.pose-home__button--primary:hover {
  background: #cc001f;
  box-shadow: 0 18px 34px rgba(230, 0, 35, 0.28);
}

.pose-home__button--ghost {
  border-color: #dadad3;
  background: #ffffff;
  color: #000000;
}

.pose-home__button--ghost:hover {
  background: #f6f6f3;
}

.pose-home__button--dark {
  background: #262622;
  color: #ffffff;
}

.pose-home__metrics {
  max-width: 720px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  margin-top: 28px;
  border: 1px solid #e5e5e0;
  border-radius: 16px;
  background: #e5e5e0;
}

.pose-home__metrics div {
  min-height: 96px;
  padding: 18px;
  background: rgba(255, 255, 255, 0.78);
}

.pose-home__metrics strong {
  display: block;
  color: #000000;
  font-size: clamp(26px, 3vw, 40px);
  font-weight: 950;
  line-height: 1;
}

.pose-home__metrics span {
  display: block;
  margin-top: 8px;
  color: #62625b;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.35;
}

.pose-home__mosaic {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-auto-rows: 104px;
  gap: 10px;
}

.pose-home__tile {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  color: #ffffff;
  background: #f6f6f3;
  text-decoration: none;
  box-shadow: 0 18px 38px rgba(33, 25, 34, 0.12);
  transition: transform 220ms ease, box-shadow 220ms ease;
}

.pose-home__tile:hover {
  transform: translateY(-5px) scale(1.01);
  box-shadow: 0 24px 46px rgba(33, 25, 34, 0.18);
}

.pose-home__tile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 520ms ease;
}

.pose-home__tile:hover img {
  transform: scale(1.06);
}

.pose-home__tile::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, 0.64));
  content: "";
}

.pose-home__tile span {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 13px;
  z-index: 1;
  color: #ffffff;
  font-size: 13px;
  font-weight: 950;
}

.pose-home__tile--1 {
  grid-column: span 4;
  grid-row: span 3;
}

.pose-home__tile--2 {
  grid-column: span 2;
  grid-row: span 2;
}

.pose-home__tile--3,
.pose-home__tile--4 {
  grid-column: span 2;
  grid-row: span 2;
}

.pose-home__tile--5 {
  grid-column: span 4;
  grid-row: span 1;
}

.pose-home__band {
  padding-top: clamp(56px, 8vw, 104px);
  padding-bottom: clamp(56px, 8vw, 104px);
  background: #ffffff;
}

.pose-home__band--warm {
  background:
    linear-gradient(180deg, #fbfbf9, #ffffff);
}

.pose-home__sectionHead {
  max-width: 860px;
  margin-bottom: clamp(26px, 4vw, 46px);
}

.pose-home__sectionHead--split {
  max-width: none;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(300px, 0.54fr);
  gap: clamp(24px, 4vw, 64px);
  align-items: end;
}

.pose-home__sectionHead h2,
.pose-home__community h2,
.pose-home__why h2,
.pose-home__cta h2 {
  margin: 0;
  color: #000000;
  font-size: clamp(34px, 5vw, 64px);
  font-weight: 950;
  line-height: 0.98;
}

.pose-home__sectionHead p:not(.pose-home__eyebrow),
.pose-home__communityCopy p,
.pose-home__why > p {
  margin: 0;
  color: #62625b;
  font-size: clamp(16px, 1.5vw, 19px);
  font-weight: 650;
  line-height: 1.62;
}

.pose-home__carousel {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 48px;
  gap: 12px;
  align-items: center;
}

.pose-home__carouselTrack {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(340px, 430px);
  gap: 14px;
  overflow-x: auto;
  padding: 2px 2px 18px;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
}

.pose-home__slide {
  min-height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  scroll-snap-align: start;
  border: 1px solid #e5e5e0;
  border-radius: 16px;
  padding: 24px;
  color: #211922;
  background:
    linear-gradient(135deg, rgba(230, 0, 35, 0.08), transparent 38%),
    linear-gradient(180deg, #ffffff, #f6f6f3);
  text-decoration: none;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.pose-home__slide:hover {
  transform: translateY(-4px);
  border-color: #c8c8c1;
  box-shadow: 0 18px 36px rgba(33, 25, 34, 0.1);
}

.pose-home__slide span {
  width: max-content;
  border-radius: 999px;
  padding: 7px 10px;
  color: #e60023;
  background: #fff0f2;
  font-size: 12px;
  font-weight: 950;
}

.pose-home__slide h3,
.pose-home__feature h3 {
  margin: 18px 0 0;
  color: #000000;
  font-size: clamp(24px, 2.8vw, 34px);
  font-weight: 950;
  line-height: 1.03;
}

.pose-home__slide p,
.pose-home__feature p {
  margin: 12px 0 0;
  color: #62625b;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.58;
}

.pose-home__carouselButton {
  width: 48px;
  height: 48px;
  border: 1px solid #dadad3;
  border-radius: 999px;
  background: #ffffff;
  color: #000000;
  font-size: 28px;
  font-weight: 900;
  cursor: pointer;
  transition: transform 160ms ease, background 160ms ease;
}

.pose-home__carouselButton:hover {
  transform: translateY(-2px);
  background: #f6f6f3;
}

.pose-home__featureGrid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px;
}

.pose-home__feature {
  grid-column: span 4;
  min-height: 250px;
  border: 1px solid #e5e5e0;
  border-radius: 16px;
  padding: 22px;
  color: #211922;
  background: #fbfbf9;
  text-decoration: none;
  transition: transform 180ms ease, background 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.pose-home__feature:nth-child(1),
.pose-home__feature:nth-child(7) {
  grid-column: span 6;
}

.pose-home__feature:hover {
  transform: translateY(-4px);
  border-color: #c8c8c1;
  background: #ffffff;
  box-shadow: 0 18px 36px rgba(33, 25, 34, 0.1);
}

.pose-home__feature > span {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 14px;
  color: #ffffff;
  background: #262622;
  font-size: 13px;
  font-weight: 950;
  text-transform: uppercase;
}

.pose-home__community {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(320px, 0.7fr);
  gap: clamp(24px, 5vw, 72px);
  align-items: center;
  padding-top: clamp(58px, 8vw, 108px);
  padding-bottom: clamp(58px, 8vw, 108px);
  background: #262622;
  color: #ffffff;
}

.pose-home__community h2,
.pose-home__community .pose-home__eyebrow {
  color: #ffffff;
}

.pose-home__community .pose-home__eyebrow {
  opacity: 0.72;
}

.pose-home__communityCopy p {
  max-width: 760px;
  margin-top: 20px;
  color: rgba(255, 255, 255, 0.72);
}

.pose-home__communityPanel {
  display: grid;
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.12);
}

.pose-home__communityPanel div {
  min-height: 132px;
  padding: 22px;
  background: rgba(255, 255, 255, 0.06);
}

.pose-home__communityPanel strong,
.pose-home__communityPanel span {
  display: block;
}

.pose-home__communityPanel strong {
  color: #ffffff;
  font-size: 24px;
  font-weight: 950;
}

.pose-home__communityPanel span {
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 15px;
  font-weight: 650;
  line-height: 1.5;
}

.pose-home__why {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(300px, 0.58fr);
  gap: clamp(24px, 5vw, 76px);
  align-items: center;
  padding-top: clamp(56px, 8vw, 96px);
  padding-bottom: clamp(56px, 8vw, 96px);
  background: #fbfbf9;
}

.pose-home__cta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  padding-top: clamp(42px, 6vw, 70px);
  padding-bottom: clamp(42px, 6vw, 70px);
  background:
    linear-gradient(135deg, rgba(230, 0, 35, 0.09), transparent 40%),
    #ffffff;
  border-top: 1px solid #e5e5e0;
}

.pose-home__cta .pose-home__actions {
  margin-top: 0;
  justify-content: flex-end;
}

[data-home-reveal] {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity 520ms ease, transform 520ms ease;
}

[data-home-reveal].is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .pose-home *,
  .pose-home *::before,
  .pose-home *::after,
  [data-home-reveal] {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

@media (max-width: 1080px) {
  .pose-home__hero {
    margin-top: -96px;
  }

  .pose-home__heroInner,
  .pose-home__community,
  .pose-home__why,
  .pose-home__cta,
  .pose-home__sectionHead--split {
    grid-template-columns: 1fr;
  }

  .pose-home__mosaic {
    grid-auto-rows: 104px;
  }

  .pose-home__tile--1,
  .pose-home__tile--5 {
    grid-column: span 3;
    grid-row: span 2;
  }

  .pose-home__tile--2,
  .pose-home__tile--3,
  .pose-home__tile--4 {
    grid-column: span 2;
    grid-row: span 2;
  }

  .pose-home__cta .pose-home__actions {
    justify-content: flex-start;
  }
}

@media (max-width: 820px) {
  .pose-home__hero {
    margin-top: -86px;
    padding-top: 130px;
  }

  .pose-home__metrics,
  .pose-home__featureGrid {
    grid-template-columns: 1fr;
  }

  .pose-home__feature,
  .pose-home__feature:nth-child(1),
  .pose-home__feature:nth-child(7) {
    grid-column: auto;
    min-height: auto;
  }

  .pose-home__carousel {
    grid-template-columns: 1fr;
  }

  .pose-home__carouselButton {
    display: none;
  }
}

@media (max-width: 640px) {
  .pose-home__heroInner,
  .pose-home__band,
  .pose-home__community,
  .pose-home__why,
  .pose-home__cta {
    padding-left: 16px;
    padding-right: 16px;
  }

  .pose-home__hero {
    margin-top: -80px;
    padding-top: 122px;
  }

  .pose-home h1 {
    font-size: clamp(42px, 13vw, 62px);
  }

  .pose-home__lead {
    font-size: 16px;
  }

  .pose-home__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .pose-home__button {
    width: 100%;
  }

  .pose-home__mosaic {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 8px;
    scroll-snap-type: x mandatory;
  }

  .pose-home__tile {
    flex: 0 0 78%;
    min-height: 310px;
    scroll-snap-align: start;
  }

  .pose-home__carouselTrack {
    grid-auto-columns: minmax(260px, 86vw);
  }

  .pose-home__slide {
    min-height: 230px;
    padding: 20px;
  }
}

/* Homepage refresh: image-led, warmer, social, and scoped to the page body only. */
.pose-home {
  --home-ink: #312b26;
  --home-muted: #746a5f;
  --home-cream: #fff9ed;
  --home-sand: #ead8bd;
  --home-peach: #ffc9aa;
  --home-sky: #bfe8ee;
  --home-lavender: #d9c9f5;
  --home-yellow: #f8e78d;
  --home-green: #c8ddad;
  --home-rose: #e8897d;
  background: linear-gradient(180deg, #fffaf1 0%, #fffef9 38%, #f7f0df 100%);
  color: var(--home-ink);
  font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.pose-home__hero,
.pose-home__band,
.pose-home__studio,
.pose-home__raw,
.pose-home__why,
.pose-home__strip {
  position: relative;
  width: 100%;
}

.pose-home__hero {
  margin-top: -88px;
  padding: clamp(116px, 10vw, 146px) max(18px, calc((100vw - 1320px) / 2)) clamp(38px, 5vw, 68px);
  background:
    radial-gradient(circle at 8% 16%, rgba(248, 231, 141, 0.42), transparent 24%),
    radial-gradient(circle at 86% 22%, rgba(191, 232, 238, 0.62), transparent 26%),
    linear-gradient(135deg, #fff7e8 0%, #fffdf7 48%, #f4ecff 100%);
}

.pose-home__heroInner {
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0, 0.74fr) minmax(440px, 0.9fr);
  gap: clamp(28px, 5vw, 74px);
  align-items: center;
}

.pose-home__scribble,
.pose-home__sticky,
.pose-home__slide span,
.pose-home__tool span,
.pose-home__compare figcaption,
.pose-home__noteLink span {
  font-family: "Kalam", "Segoe Script", "Bradley Hand ITC", cursive;
}

.pose-home__scribble {
  width: max-content;
  max-width: 100%;
  margin: 0 0 12px;
  color: #775f2f;
  font-size: clamp(19px, 2.1vw, 28px);
  font-weight: 700;
  line-height: 1;
  transform: rotate(-2deg);
}

.pose-home h1 {
  max-width: 760px;
  margin: 0;
  color: #32271f;
  font-size: clamp(48px, 6.7vw, 92px);
  font-weight: 950;
  line-height: 0.9;
}

.pose-home h2 {
  margin: 0;
  color: #352a21;
  font-size: clamp(32px, 4.5vw, 64px);
  font-weight: 950;
  line-height: 0.96;
}

.pose-home__lead {
  max-width: 620px;
  margin: 20px 0 0;
  color: var(--home-muted);
  font-size: clamp(16px, 1.35vw, 19px);
  font-weight: 700;
  line-height: 1.55;
}

.pose-home__button {
  min-height: 48px;
  border: 1px solid rgba(49, 43, 38, 0.12);
  border-radius: 999px;
  padding: 0 20px;
  color: var(--home-ink);
  background: rgba(255, 255, 255, 0.74);
  box-shadow: 0 12px 24px rgba(103, 79, 47, 0.09);
}

.pose-home__button:hover {
  transform: translateY(-3px) rotate(-1deg);
  box-shadow: 0 18px 32px rgba(103, 79, 47, 0.14);
}

.pose-home__button--primary {
  border-color: #d97863;
  background: linear-gradient(135deg, #ffb38e, #f27d68);
  color: #3a2319;
  box-shadow: 0 16px 30px rgba(216, 121, 92, 0.2);
}

.pose-home__button--primary:hover {
  background: linear-gradient(135deg, #ffc7a6, #e8897d);
  box-shadow: 0 20px 36px rgba(216, 121, 92, 0.26);
}

.pose-home__button--soft {
  background: linear-gradient(135deg, #fffef8, #e5f5ed);
}

.pose-home__desk {
  position: relative;
  min-height: clamp(470px, 41vw, 590px);
}

.pose-home__photo,
.pose-home__miniCard,
.pose-home__phone {
  border: 8px solid #fffdf7;
  border-radius: 22px;
  background: #fffdf7;
  box-shadow: 0 28px 60px rgba(93, 69, 41, 0.18);
}

.pose-home__photo {
  position: absolute;
  overflow: hidden;
  color: #fffaf1;
  text-decoration: none;
  transition: transform 260ms ease, box-shadow 260ms ease;
}

.pose-home__photo:hover {
  transform: translateY(-8px) rotate(0deg) scale(1.02);
  box-shadow: 0 34px 70px rgba(93, 69, 41, 0.24);
}

.pose-home__photo img,
.pose-home__slide img,
.pose-home__tool img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 560ms ease;
}

.pose-home__photo:hover img,
.pose-home__slide:hover img,
.pose-home__tool:hover img {
  transform: scale(1.07);
}

.pose-home__photo::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 45%, rgba(32, 28, 24, 0.62));
  content: "";
}

.pose-home__photo span {
  position: absolute;
  z-index: 1;
  left: 16px;
  bottom: 14px;
  color: #fffdf7;
  font-size: 14px;
  font-weight: 950;
}

.pose-home__photo--large {
  left: 5%;
  top: 4%;
  width: 58%;
  height: 65%;
  transform: rotate(-2deg);
}

.pose-home__photo--tall {
  right: 2%;
  top: 8%;
  width: 32%;
  height: 52%;
  transform: rotate(3deg);
}

.pose-home__photo--small {
  right: 20%;
  bottom: 4%;
  width: 34%;
  height: 34%;
  transform: rotate(-4deg);
}

.pose-home__sticky {
  position: absolute;
  z-index: 2;
  max-width: 170px;
  border-radius: 14px;
  padding: 12px 14px;
  color: #604925;
  background: var(--home-yellow);
  box-shadow: 0 14px 24px rgba(96, 73, 37, 0.16);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.05;
  animation: poseNoteFloat 4.8s ease-in-out infinite;
}

.pose-home__sticky--one {
  left: 0;
  bottom: 19%;
  transform: rotate(-7deg);
}

.pose-home__sticky--two {
  right: 8%;
  bottom: 24%;
  background: var(--home-sky);
  transform: rotate(6deg);
  animation-delay: 1.2s;
}

.pose-home__strip {
  padding: 18px max(18px, calc((100vw - 1320px) / 2));
  background: #f2dfc4;
}

.pose-home__ticker {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.pose-home__ticker span {
  flex: 0 0 auto;
  border-radius: 999px;
  padding: 10px 15px;
  background: rgba(255, 255, 255, 0.52);
  color: #5f513f;
  font-size: 13px;
  font-weight: 900;
}

.pose-home__band {
  padding: clamp(54px, 7vw, 96px) max(18px, calc((100vw - 1320px) / 2));
}

.pose-home__band--discover {
  background: linear-gradient(180deg, #fffdf7, #f8f0dc);
}

.pose-home__band--tools {
  background:
    radial-gradient(circle at 92% 16%, rgba(217, 201, 245, 0.5), transparent 28%),
    linear-gradient(180deg, #fff9ed, #f4ecd8);
}

.pose-home__sectionHead {
  max-width: 880px;
  margin-bottom: clamp(24px, 4vw, 42px);
}

.pose-home__sectionHead--split {
  max-width: none;
  display: grid;
  grid-template-columns: minmax(0, 0.84fr) minmax(280px, 0.42fr);
  gap: clamp(20px, 4vw, 56px);
  align-items: end;
}

.pose-home__sectionHead p:not(.pose-home__scribble),
.pose-home__studioCopy p {
  margin: 0;
  color: var(--home-muted);
  font-size: clamp(15px, 1.4vw, 18px);
  font-weight: 700;
  line-height: 1.55;
}

.pose-home__carousel {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) 46px;
  gap: 12px;
  align-items: center;
}

.pose-home__carouselTrack {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(260px, 340px);
  gap: 16px;
  overflow-x: auto;
  padding: 6px 2px 18px;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
}

.pose-home__slide {
  position: relative;
  min-height: 360px;
  overflow: hidden;
  scroll-snap-align: start;
  border: 8px solid #fffdf7;
  border-radius: 24px;
  padding: 0;
  color: #fffdf7;
  background: var(--home-sand);
  box-shadow: 0 20px 44px rgba(93, 69, 41, 0.14);
}

.pose-home__slide:hover {
  transform: translateY(-8px) rotate(-1deg);
  box-shadow: 0 28px 56px rgba(93, 69, 41, 0.2);
}

.pose-home__slide::after,
.pose-home__tool::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(45, 38, 31, 0.03), rgba(45, 38, 31, 0.72));
  content: "";
}

.pose-home__slide span,
.pose-home__slide h3 {
  position: absolute;
  z-index: 1;
  left: 18px;
}

.pose-home__slide span {
  top: 16px;
  width: auto;
  border-radius: 999px;
  padding: 8px 11px;
  color: #4f3d2e;
  background: rgba(255, 253, 247, 0.82);
  font-size: 18px;
  font-weight: 700;
  transform: rotate(-3deg);
}

.pose-home__slide h3 {
  right: 18px;
  bottom: 18px;
  margin: 0;
  color: #fffdf7;
  font-size: clamp(25px, 2.5vw, 34px);
  font-weight: 950;
  line-height: 1;
}

.pose-home__carouselButton {
  width: 46px;
  height: 46px;
  border: 1px solid rgba(96, 73, 37, 0.18);
  border-radius: 999px;
  background: #fffdf7;
  color: #6b563b;
  box-shadow: 0 10px 22px rgba(93, 69, 41, 0.12);
}

.pose-home__carouselButton:hover {
  transform: translateY(-3px) rotate(-4deg);
  background: #fff2c6;
}

.pose-home__studio {
  display: grid;
  grid-template-columns: minmax(420px, 0.95fr) minmax(0, 0.75fr);
  gap: clamp(26px, 5vw, 72px);
  align-items: center;
  padding: clamp(58px, 8vw, 106px) max(18px, calc((100vw - 1320px) / 2));
  background:
    radial-gradient(circle at 15% 18%, rgba(255, 201, 170, 0.5), transparent 28%),
    linear-gradient(135deg, #f8ead3, #eef8f6);
}

.pose-home__studioBoard {
  position: relative;
  min-height: 560px;
}

.pose-home__phone {
  position: absolute;
  left: 8%;
  top: 4%;
  width: min(360px, 62%);
  overflow: hidden;
  transform: rotate(-3deg);
}

.pose-home__phoneTop {
  min-height: 58px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  color: #4f3d2e;
  background: #fffdf7;
}

.pose-home__phoneTop span {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--home-peach);
}

.pose-home__phone img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.pose-home__phoneActions {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 12px;
  background: #fffdf7;
}

.pose-home__phoneActions span {
  border-radius: 999px;
  padding: 7px 10px;
  background: #f0e4ce;
  color: #5f513f;
  font-size: 12px;
  font-weight: 900;
}

.pose-home__miniCard {
  position: absolute;
  overflow: hidden;
  width: 230px;
}

.pose-home__miniCard img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.pose-home__miniCard strong {
  display: block;
  padding: 12px;
  color: #4f3d2e;
  background: #fffdf7;
  font-size: 15px;
}

.pose-home__miniCard--raw {
  right: 5%;
  top: 12%;
  transform: rotate(5deg);
}

.pose-home__miniCard--collection {
  right: 18%;
  bottom: 5%;
  transform: rotate(-6deg);
}

.pose-home__studioCopy p {
  max-width: 560px;
  margin-top: 18px;
}

.pose-home__toolGrid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
}

.pose-home__tool {
  grid-column: span 4;
  position: relative;
  min-height: 285px;
  overflow: hidden;
  border: 8px solid #fffdf7;
  border-radius: 24px;
  color: #fffdf7;
  background: #fffdf7;
  box-shadow: 0 18px 38px rgba(93, 69, 41, 0.12);
  text-decoration: none;
  transition: transform 220ms ease, box-shadow 220ms ease;
}

.pose-home__tool:nth-child(1),
.pose-home__tool:nth-child(3) {
  grid-column: span 6;
}

.pose-home__tool:hover {
  transform: translateY(-7px) rotate(1deg);
  box-shadow: 0 26px 54px rgba(93, 69, 41, 0.18);
}

.pose-home__tool span,
.pose-home__tool h3 {
  position: absolute;
  z-index: 1;
}

.pose-home__tool span {
  top: 14px;
  left: 14px;
  border-radius: 999px;
  padding: 7px 10px;
  color: #4f3d2e;
  background: rgba(255, 253, 247, 0.84);
  font-size: 17px;
  font-weight: 700;
}

.pose-home__tool h3 {
  left: 16px;
  right: 16px;
  bottom: 16px;
  margin: 0;
  color: #fffdf7;
  font-size: clamp(24px, 2.6vw, 38px);
  font-weight: 950;
  line-height: 0.98;
}

.pose-home__raw {
  display: grid;
  grid-template-columns: minmax(0, 0.62fr) minmax(360px, 0.82fr);
  gap: clamp(24px, 5vw, 72px);
  align-items: center;
  padding: clamp(56px, 8vw, 100px) max(18px, calc((100vw - 1320px) / 2));
  background: #e9f4ef;
}

.pose-home__compare {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.pose-home__compare figure {
  position: relative;
  overflow: hidden;
  margin: 0;
  border: 8px solid #fffdf7;
  border-radius: 24px;
  background: #fffdf7;
  box-shadow: 0 18px 38px rgba(93, 69, 41, 0.14);
}

.pose-home__compare img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.pose-home__compare figcaption {
  position: absolute;
  left: 14px;
  bottom: 14px;
  border-radius: 999px;
  padding: 7px 11px;
  color: #4f3d2e;
  background: rgba(255, 253, 247, 0.86);
  font-size: 18px;
  font-weight: 700;
}

.pose-home__why {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(260px, 0.4fr);
  gap: clamp(22px, 5vw, 68px);
  align-items: center;
  padding: clamp(54px, 7vw, 92px) max(18px, calc((100vw - 1320px) / 2));
  background: linear-gradient(135deg, #fff5df, #f0e8ff 58%, #eaf8f5);
}

.pose-home__noteLink {
  display: grid;
  gap: 6px;
  max-width: 340px;
  border: 2px dashed rgba(96, 73, 37, 0.22);
  border-radius: 24px;
  padding: 24px;
  background: rgba(255, 253, 247, 0.72);
  color: var(--home-ink);
  box-shadow: 0 18px 36px rgba(93, 69, 41, 0.1);
  text-decoration: none;
  transform: rotate(2deg);
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.pose-home__noteLink:hover {
  transform: rotate(-1deg) translateY(-5px);
  box-shadow: 0 24px 44px rgba(93, 69, 41, 0.16);
}

.pose-home__noteLink span {
  color: #775f2f;
  font-size: 20px;
}

.pose-home__noteLink strong {
  font-size: 28px;
  font-weight: 950;
}

@keyframes poseNoteFloat {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 -8px; }
}

@media (max-width: 1080px) {
  .pose-home__heroInner,
  .pose-home__studio,
  .pose-home__raw,
  .pose-home__why,
  .pose-home__sectionHead--split {
    grid-template-columns: 1fr;
  }

  .pose-home__desk,
  .pose-home__studioBoard {
    min-height: 520px;
  }

  .pose-home__tool,
  .pose-home__tool:nth-child(1),
  .pose-home__tool:nth-child(3) {
    grid-column: span 6;
  }
}

@media (max-width: 760px) {
  .pose-home__hero {
    margin-top: -78px;
    padding-top: 118px;
  }

  .pose-home h1 {
    font-size: clamp(43px, 13vw, 62px);
  }

  .pose-home__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .pose-home__button {
    width: 100%;
  }

  .pose-home__desk {
    min-height: 500px;
  }

  .pose-home__photo--large {
    left: 0;
    width: 72%;
  }

  .pose-home__photo--tall {
    right: 0;
    width: 43%;
  }

  .pose-home__photo--small {
    right: 6%;
    width: 48%;
  }

  .pose-home__sticky {
    font-size: 16px;
  }

  .pose-home__carousel {
    grid-template-columns: 1fr;
  }

  .pose-home__carouselButton {
    display: none;
  }

  .pose-home__carouselTrack {
    grid-auto-columns: minmax(250px, 82vw);
  }

  .pose-home__studioBoard {
    min-height: 500px;
  }

  .pose-home__phone {
    left: 0;
    width: 72%;
  }

  .pose-home__miniCard {
    width: 170px;
  }

  .pose-home__miniCard--raw {
    right: 0;
  }

  .pose-home__miniCard--collection {
    right: 6%;
  }

  .pose-home__tool,
  .pose-home__tool:nth-child(1),
  .pose-home__tool:nth-child(3) {
    grid-column: span 12;
    min-height: 250px;
  }

  .pose-home__compare {
    grid-template-columns: 1fr;
  }
}

.pose-public-header {
  position: sticky;
  top: 10px;
  z-index: 80;
  width: min(1440px, calc(100% - 32px));
  margin: 10px auto 0;
  color: #34364f;
  pointer-events: none;
}

.pose-public-header__main {
  min-height: 110px;
  position: relative;
  overflow: visible;
  padding: 10px;
  display: grid;
  grid-template-columns: minmax(270px, 300px) minmax(470px, 1fr) 318px;
  gap: 8px;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.84);
  border-radius: 42px;
  background:
    radial-gradient(circle at 10% 18%, rgba(255, 255, 255, 0.9), transparent 24%),
    radial-gradient(circle at 82% 12%, rgba(255, 255, 255, 0.72), transparent 18%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(243, 244, 251, 0.92)),
    #f7f8ff;
  box-shadow:
    20px 24px 44px rgba(207, 210, 230, 0.86),
    -16px -16px 28px rgba(255, 255, 255, 0.92),
    inset 1px 1px 0 rgba(255, 255, 255, 0.92),
    inset -5px -5px 16px rgba(207, 210, 230, 0.28);
  backdrop-filter: blur(18px);
  pointer-events: auto;
}

.pose-public-header__main::before,
.pose-public-header__main::after {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  content: "";
}

.pose-public-header__main::before {
  left: 30px;
  right: 30px;
  top: -1px;
  height: 17px;
  border-radius: 42px 42px 12px 12px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0));
}

.pose-public-header__main::after {
  left: 50%;
  bottom: -9px;
  width: 176px;
  height: 22px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-top: 0;
  border-radius: 0 0 24px 24px;
  background: linear-gradient(145deg, rgba(247, 248, 255, 0.9), rgba(235, 237, 248, 0.86));
  box-shadow: 10px 14px 22px rgba(207, 210, 230, 0.58), inset -3px -4px 8px rgba(207, 210, 230, 0.24);
  transform: translateX(-50%);
}

.pose-public-header__brand::before,
.pose-public-header__brand::after,
.pose-public-header__actions::before,
.pose-public-header__actions::after {
  position: absolute;
  content: "";
  pointer-events: none;
}

.pose-public-header__brand,
.pose-public-header__nav,
.pose-public-header__actions {
  position: relative;
  z-index: 1;
}

.pose-public-header__brand {
  position: relative;
  min-height: 86px;
  overflow: hidden;
  padding: 0 26px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 28px 12px 12px 28px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.78), rgba(239, 240, 249, 0.88)),
    #f3f4fb;
  box-shadow:
    12px 14px 24px rgba(207, 210, 230, 0.78),
    -10px -10px 20px rgba(255, 255, 255, 0.9),
    inset 1px 1px 0 rgba(255, 255, 255, 0.9),
    inset -5px -5px 14px rgba(207, 210, 230, 0.32);
  color: #34364f;
  text-decoration: none;
  text-shadow: 1px 2px 2px rgba(255, 255, 255, 0.95), -1px -1px 1px rgba(188, 192, 214, 0.46);
}

.pose-public-header__brand::before {
  width: 72px;
  height: 8px;
  right: 24px;
  top: 18px;
  border-radius: 999px;
  background: repeating-linear-gradient(90deg, rgba(115, 117, 143, 0.32) 0 3px, transparent 3px 8px);
}

.pose-public-header__brand::after {
  left: 18px;
  bottom: 18px;
  width: 58px;
  height: 7px;
  border-radius: 999px;
  background: repeating-linear-gradient(90deg, rgba(139, 109, 255, 0.28) 0 5px, transparent 5px 10px);
}

.pose-public-header__actions::before {
  right: 20px;
  top: 17px;
  width: 96px;
  height: 7px;
  border-radius: 999px;
  background: repeating-linear-gradient(90deg, rgba(119, 121, 145, 0.28) 0 7px, transparent 7px 12px);
}

.pose-public-header__actions::after {
  right: 170px;
  bottom: 14px;
  width: 74px;
  height: 5px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(53, 184, 255, 0.28), rgba(255, 255, 255, 0));
}

.pose-public-header__name {
  font-family: "Orbitron", "Manrope", sans-serif;
  font-size: clamp(34px, 3.4vw, 54px);
  line-height: 0.9;
  font-weight: 900;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}

.pose-public-header__tag {
  margin-top: 13px;
  color: #73758f;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.22em;
}

.pose-public-header__nav {
  display: grid;
  grid-template-columns: repeat(5, minmax(82px, 1fr));
  gap: 8px;
  align-items: center;
}

.pose-public-header__navCard {
  position: relative;
  min-height: 88px;
  overflow: hidden;
  padding: 12px 10px 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid rgba(255, 255, 255, 0.82);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.82), rgba(243, 244, 251, 0.92));
  box-shadow:
    10px 13px 22px rgba(207, 210, 230, 0.78),
    -8px -8px 18px rgba(255, 255, 255, 0.94),
    inset 1px 1px 0 rgba(255, 255, 255, 0.95),
    inset -4px -4px 10px rgba(207, 210, 230, 0.32);
  color: #34364f;
  text-align: center;
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease, color 180ms ease, background 180ms ease;
}

.pose-public-header__navCard::before {
  position: absolute;
  inset: 1px 1px auto 1px;
  height: 38%;
  border-radius: 20px 20px 10px 10px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.58), rgba(255, 255, 255, 0));
  content: "";
  pointer-events: none;
}

.pose-public-header__navCard:hover,
.pose-public-header__navCard.is-active {
  transform: translateY(-4px);
  background: linear-gradient(145deg, #ffffff, #f2f3fb);
  box-shadow:
    13px 17px 28px rgba(207, 210, 230, 0.88),
    -10px -10px 20px rgba(255, 255, 255, 0.98),
    inset 1px 1px 0 rgba(255, 255, 255, 1),
    inset -4px -4px 10px rgba(207, 210, 230, 0.24);
}

.pose-public-header__icon {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
}

.pose-public-header__icon svg,
.pose-public-header__search svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 5px currentColor);
}

.pose-public-header__label {
  position: relative;
  z-index: 1;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.05;
  color: #34364f;
}

.pose-public-header__glow {
  z-index: 1;
  position: absolute;
  left: 50%;
  bottom: 13px;
  width: 34px;
  height: 3px;
  border-radius: 999px;
  transform: translateX(-50%) scaleX(0.76);
  opacity: 0.78;
  transition: transform 180ms ease, opacity 180ms ease, box-shadow 180ms ease;
}

.pose-public-header__navCard:hover .pose-public-header__glow,
.pose-public-header__navCard.is-active .pose-public-header__glow {
  transform: translateX(-50%) scaleX(1.25);
  opacity: 1;
}

.pose-public-header__navCard.is-cyan {
  color: #22dce8;
}

.pose-public-header__navCard.is-cyan .pose-public-header__glow {
  background: #22dce8;
  box-shadow: 0 0 12px rgba(34, 220, 232, 0.68);
}

.pose-public-header__navCard.is-blue {
  color: #35b8ff;
}

.pose-public-header__navCard.is-blue .pose-public-header__glow {
  background: #35b8ff;
  box-shadow: 0 0 12px rgba(53, 184, 255, 0.68);
}

.pose-public-header__navCard.is-pink {
  color: #f05cff;
}

.pose-public-header__navCard.is-pink .pose-public-header__glow {
  background: #f05cff;
  box-shadow: 0 0 12px rgba(240, 92, 255, 0.66);
}

.pose-public-header__navCard.is-purple {
  color: #8b6dff;
}

.pose-public-header__navCard.is-purple .pose-public-header__glow {
  background: #8b6dff;
  box-shadow: 0 0 12px rgba(139, 109, 255, 0.66);
}

.pose-public-header__navCard.is-rose {
  color: #f05caa;
}

.pose-public-header__navCard.is-rose .pose-public-header__glow {
  background: #f05caa;
  box-shadow: 0 0 12px rgba(240, 92, 170, 0.62);
}

.pose-public-header__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  min-width: 0;
}

.pose-public-header__search,
.pose-public-header__meta,
.pose-public-header__cta {
  position: relative;
  z-index: 1;
  min-height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.8);
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.84), rgba(243, 244, 251, 0.94));
  box-shadow:
    9px 11px 18px rgba(207, 210, 230, 0.8),
    -7px -7px 16px rgba(255, 255, 255, 0.96),
    inset 1px 1px 0 rgba(255, 255, 255, 0.95),
    inset -4px -4px 10px rgba(207, 210, 230, 0.3);
  color: #73758f;
  text-decoration: none;
  font-size: 14px;
  font-weight: 800;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease, color 180ms ease;
}

.pose-public-header__search {
  flex: 0 0 auto;
  width: 58px;
  border-radius: 18px;
  padding: 16px;
}

.pose-public-header__meta {
  flex: 0 0 auto;
  min-width: 90px;
  border-radius: 18px;
  padding: 0 18px;
}

.pose-public-header__cta {
  flex: 0 0 auto;
  min-width: 144px;
  gap: 8px;
  border-radius: 22px;
  background: linear-gradient(145deg, #d9ff9a, #b8ff62);
  color: #45a900;
  box-shadow:
    0 0 18px rgba(184, 255, 98, 0.48),
    9px 12px 20px rgba(157, 202, 87, 0.34),
    -8px -8px 18px rgba(255, 255, 255, 0.96),
    inset 1px 1px 0 rgba(255, 255, 255, 0.9),
    inset -4px -4px 10px rgba(69, 169, 0, 0.16);
}

.pose-public-header__search:hover,
.pose-public-header__meta:hover,
.pose-public-header__cta:hover {
  transform: translateY(-3px);
  background: #ffffff;
  color: #34364f;
}

.pose-public-header__cta:hover {
  background: linear-gradient(145deg, #e4ffb7, #b8ff62);
  color: #45a900;
  box-shadow:
    0 0 26px rgba(184, 255, 98, 0.72),
    11px 14px 24px rgba(157, 202, 87, 0.42),
    -9px -9px 18px rgba(255, 255, 255, 1);
}

.pose-public-header__menu {
  display: none;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(255, 255, 255, 0.82);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.84), rgba(243, 244, 251, 0.94));
  box-shadow:
    9px 11px 18px rgba(207, 210, 230, 0.8),
    -7px -7px 16px rgba(255, 255, 255, 0.96);
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 7px;
  cursor: pointer;
}

.pose-public-header__menu span {
  width: 24px;
  height: 2px;
  border-radius: 999px;
  background: #34364f;
}

.pose-public-header__mobile {
  margin-top: 12px;
  border: 1px solid rgba(255, 255, 255, 0.82);
  border-radius: 28px;
  background: rgba(247, 248, 255, 0.94);
  box-shadow:
    15px 18px 34px rgba(207, 210, 230, 0.78),
    -10px -10px 22px rgba(255, 255, 255, 0.9);
  pointer-events: auto;
}

.pose-public-header__mobileGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
}

.pose-shell {
  min-height: 100vh;
  background: var(--pose-bg);
  color: var(--pose-text);
}

@media (max-width: 1320px) {
  .pose-public-header__main {
    grid-template-columns: minmax(240px, 282px) minmax(430px, 1fr) 292px;
    gap: 7px;
  }

  .pose-public-header__brand {
    padding: 0 20px;
  }

  .pose-public-header__name {
    font-size: clamp(30px, 3vw, 44px);
  }

  .pose-public-header__tag {
    font-size: 9px;
    letter-spacing: 0.18em;
  }

  .pose-public-header__nav {
    grid-template-columns: repeat(5, minmax(72px, 1fr));
    gap: 7px;
  }

  .pose-public-header__navCard {
    min-height: 84px;
    padding-inline: 7px;
    border-radius: 20px;
  }

  .pose-public-header__icon {
    width: 28px;
    height: 28px;
  }

  .pose-public-header__label {
    font-size: 12px;
  }

  .pose-public-header__actions {
    gap: 8px;
  }

  .pose-public-header__search {
    width: 54px;
    min-height: 54px;
    padding: 15px;
  }

  .pose-public-header__meta {
    min-width: 78px;
    min-height: 54px;
    padding-inline: 14px;
  }

  .pose-public-header__cta {
    min-width: 130px;
    min-height: 54px;
    padding-inline: 14px;
  }
}

@media (max-width: 1180px) {
  .pose-public-header {
    top: 8px;
    width: min(100% - 18px, 1440px);
    margin-top: 8px;
  }

  .pose-public-header__main {
    min-height: 84px;
    grid-template-columns: 1fr auto;
    border-radius: 28px;
  }

  .pose-public-header__brand {
    min-height: 62px;
    padding: 0 18px;
    border-radius: 20px;
  }

  .pose-public-header__name {
    font-size: 27px;
  }

  .pose-public-header__tag {
    margin-top: 8px;
    font-size: 8px;
    letter-spacing: 0.18em;
  }

  .pose-public-header__nav,
  .pose-public-header__search,
  .pose-public-header__meta {
    display: none;
  }

  .pose-public-header__cta {
    min-width: 112px;
    min-height: 50px;
    padding: 0 14px;
    border-radius: 18px;
    font-size: 12px;
  }

  .pose-public-header__menu {
    display: inline-flex;
  }

  .pose-public-header__mobile a {
    min-height: 58px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-start;
    border: 1px solid rgba(255, 255, 255, 0.82);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.84), rgba(243, 244, 251, 0.94));
    box-shadow:
      8px 10px 16px rgba(207, 210, 230, 0.68),
      -6px -6px 14px rgba(255, 255, 255, 0.94);
    color: #34364f;
    padding: 0 14px;
    text-decoration: none;
    font-weight: 800;
  }

  .pose-public-header__mobile .pose-public-header__icon {
    width: 24px;
    height: 24px;
  }
}

@media (max-width: 520px) {
  .pose-public-header__main {
    gap: 8px;
    padding: 9px;
  }

  .pose-public-header__cta {
    display: none;
  }

  .pose-public-header__mobileGrid {
    grid-template-columns: 1fr;
  }
}

/* Refined shared public header: compact sculpted sci-fi panel. */
.pose-public-header {
  top: 8px;
  margin-top: 8px;
  transform: translateY(0);
  transition: transform 260ms ease, opacity 260ms ease;
  will-change: transform;
}

.pose-public-header.is-scrolled-away {
  transform: translateY(calc(-100% + 18px));
  opacity: 0.94;
}

.pose-public-header__main {
  min-height: 92px;
  overflow: hidden;
  padding: 8px;
  grid-template-columns: minmax(245px, 285px) minmax(460px, 1fr) 300px;
  gap: 4px;
  border-radius: 32px;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.62), transparent 18%, rgba(255, 255, 255, 0.34) 82%, transparent),
    linear-gradient(145deg, rgba(255, 255, 255, 0.86), rgba(241, 243, 251, 0.95)),
    #f7f8ff;
  box-shadow:
    0 12px 26px rgba(207, 211, 232, 0.56),
    -8px -8px 18px rgba(255, 255, 255, 0.76),
    inset 1px 1px 0 rgba(255, 255, 255, 0.92),
    inset -4px -4px 12px rgba(207, 211, 232, 0.22);
  clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0 calc(100% - 18px), 0 18px);
}

.pose-public-header__main::before {
  left: 26px;
  right: 26px;
  height: 13px;
  border-radius: 32px 32px 10px 10px;
}

.pose-public-header__main::after {
  bottom: 6px;
  width: 118px;
  height: 5px;
  border: 0;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(119, 121, 145, 0.18), transparent 60%);
  box-shadow: none;
}

.pose-public-header__brand {
  min-height: 74px;
  padding: 0 24px;
  border: 0;
  border-radius: 26px 8px 8px 26px;
  background:
    linear-gradient(100deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0) 28%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.36), rgba(241, 243, 251, 0.1));
  box-shadow:
    inset 8px 8px 18px rgba(207, 211, 232, 0.24),
    inset -10px -10px 20px rgba(255, 255, 255, 0.54);
  clip-path: polygon(16px 0, 100% 0, calc(100% - 18px) 100%, 0 100%, 0 16px);
}

.pose-public-header__name {
  font-size: clamp(30px, 3vw, 46px);
}

.pose-public-header__tag {
  margin-top: 10px;
  font-size: 10px;
  letter-spacing: 0.19em;
}

.pose-public-header__nav {
  grid-template-columns: repeat(5, minmax(78px, 1fr));
  gap: 4px;
}

.pose-public-header__navCard {
  min-height: 74px;
  padding: 9px 8px 12px;
  gap: 6px;
  border: 0;
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.42), transparent 55%),
    rgba(241, 243, 251, 0.48);
  box-shadow:
    6px 8px 14px rgba(207, 211, 232, 0.52),
    -5px -5px 12px rgba(255, 255, 255, 0.74),
    inset 1px 1px 0 rgba(255, 255, 255, 0.86),
    inset -3px -3px 8px rgba(207, 211, 232, 0.22);
}

.pose-public-header__navCard:hover,
.pose-public-header__navCard.is-active {
  transform: translateY(-2px);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.58), transparent 56%),
    rgba(246, 247, 253, 0.72);
  box-shadow:
    7px 9px 16px rgba(207, 211, 232, 0.58),
    -6px -6px 13px rgba(255, 255, 255, 0.82),
    inset 1px 1px 0 rgba(255, 255, 255, 1),
    inset -3px -3px 8px rgba(207, 211, 232, 0.18);
}

.pose-public-header__icon {
  width: 25px;
  height: 25px;
}

.pose-public-header__icon svg,
.pose-public-header__search svg {
  filter: drop-shadow(0 0 3px currentColor);
}

.pose-public-header__label {
  font-size: 12px;
}

.pose-public-header__glow {
  bottom: 9px;
  width: 30px;
  height: 2px;
}

.pose-public-header__navCard.is-cyan { color: #20bfc9; }
.pose-public-header__navCard.is-blue { color: #2f9ed8; }
.pose-public-header__navCard.is-pink { color: #c85ad1; }
.pose-public-header__navCard.is-purple { color: #7762db; }
.pose-public-header__navCard.is-rose { color: #c65f9b; }

.pose-public-header__navCard.is-cyan .pose-public-header__glow { background: #20dce8; box-shadow: 0 0 8px rgba(32, 220, 232, 0.42); }
.pose-public-header__navCard.is-blue .pose-public-header__glow { background: #35b8ff; box-shadow: 0 0 8px rgba(53, 184, 255, 0.4); }
.pose-public-header__navCard.is-pink .pose-public-header__glow { background: #f05cff; box-shadow: 0 0 8px rgba(240, 92, 255, 0.36); }
.pose-public-header__navCard.is-purple .pose-public-header__glow { background: #8b6dff; box-shadow: 0 0 8px rgba(139, 109, 255, 0.36); }
.pose-public-header__navCard.is-rose .pose-public-header__glow { background: #d978ad; box-shadow: 0 0 8px rgba(217, 120, 173, 0.34); }

.pose-public-header__actions {
  min-height: 74px;
  gap: 8px;
  padding: 0 2px 0 8px;
  border-radius: 8px 26px 26px 8px;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0));
  clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 12px 0);
}

.pose-public-header__actions::before {
  top: 6px;
}

.pose-public-header__actions::after {
  bottom: 7px;
}

.pose-public-header__search,
.pose-public-header__meta,
.pose-public-header__cta {
  min-height: 48px;
  border: 0;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.64), rgba(241, 243, 251, 0.84));
  box-shadow:
    6px 8px 13px rgba(207, 211, 232, 0.48),
    -5px -5px 12px rgba(255, 255, 255, 0.72),
    inset 1px 1px 0 rgba(255, 255, 255, 0.82),
    inset -3px -3px 8px rgba(207, 211, 232, 0.18);
}

.pose-public-header__search {
  width: 48px;
  border-radius: 16px;
  padding: 13px;
}

.pose-public-header__meta {
  min-width: 86px;
  border-radius: 16px;
  padding: 0 16px;
}

.pose-public-header__cta {
  min-width: 132px;
  border-radius: 18px;
  background: linear-gradient(145deg, #d7ffa4, #b8ff62);
  box-shadow:
    0 0 14px rgba(184, 255, 98, 0.36),
    6px 8px 14px rgba(157, 202, 87, 0.26),
    -5px -5px 12px rgba(255, 255, 255, 0.78),
    inset 1px 1px 0 rgba(255, 255, 255, 0.9),
    inset -3px -3px 8px rgba(69, 169, 0, 0.12);
}

.pose-public-header__search:hover,
.pose-public-header__meta:hover,
.pose-public-header__cta:hover {
  transform: translateY(-2px);
}

.pose-public-header__cta:hover {
  box-shadow:
    0 0 18px rgba(184, 255, 98, 0.54),
    8px 10px 16px rgba(157, 202, 87, 0.34),
    -6px -6px 14px rgba(255, 255, 255, 0.9);
}

@media (max-width: 1320px) {
  .pose-public-header__main {
    min-height: 90px;
    grid-template-columns: minmax(220px, 260px) minmax(430px, 1fr) 278px;
    gap: 4px;
  }

  .pose-public-header__brand,
  .pose-public-header__actions {
    min-height: 72px;
  }

  .pose-public-header__navCard {
    min-height: 72px;
  }

  .pose-public-header__search {
    width: 46px;
    min-height: 46px;
    padding: 12px;
  }

  .pose-public-header__meta {
    min-width: 74px;
    min-height: 46px;
    padding-inline: 12px;
  }

  .pose-public-header__cta {
    min-width: 124px;
    min-height: 46px;
    padding-inline: 12px;
  }
}

/* Public header reset based on DESIGN.md: quiet image-first chrome, warm neutrals, red CTA. */
.pose-shell {
  overflow-x: clip;
}

html,
body {
  max-width: 100%;
  overflow-x: clip;
}

.pose-public-header {
  --pose-header-red: #e60023;
  --pose-header-red-pressed: #cc001f;
  --pose-header-ink: #211922;
  --pose-header-muted: #62625b;
  --pose-header-hairline: #e5e5e0;
  --pose-header-soft: #f6f6f3;
  position: sticky;
  top: 0;
  z-index: 80;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 10px 16px;
  color: var(--pose-header-ink);
  pointer-events: none;
  transform: none;
  opacity: 1;
  transition: transform 220ms ease, box-shadow 180ms ease;
}

.pose-public-header,
.pose-public-header * {
  box-sizing: border-box;
}

.pose-public-header.is-scrolled-away {
  transform: translateY(calc(-100% + 12px));
  opacity: 1;
}

.pose-public-header__main {
  width: min(1180px, 100%);
  min-height: 64px;
  margin: 0 auto;
  padding: 8px;
  display: grid;
  grid-template-columns: minmax(178px, auto) minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  overflow: visible;
  border: 1px solid var(--pose-header-hairline);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 10px 28px rgba(33, 25, 34, 0.08);
  backdrop-filter: blur(14px);
  clip-path: none;
  pointer-events: auto;
}

.pose-public-header__main::before,
.pose-public-header__main::after,
.pose-public-header__brand::before,
.pose-public-header__brand::after,
.pose-public-header__actions::before,
.pose-public-header__actions::after,
.pose-public-header__glow {
  display: none;
}

.pose-public-header__brand {
  min-height: 48px;
  min-width: 0;
  padding: 0 10px 0 4px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  overflow: visible;
  border: 0;
  border-radius: 16px;
  background: transparent;
  box-shadow: none;
  clip-path: none;
  color: var(--pose-header-ink);
  text-decoration: none;
  text-shadow: none;
}

.pose-public-header__mark {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 50%;
  background: var(--pose-header-red);
  color: #ffffff;
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
}

.pose-public-header__wordmark {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.pose-public-header__name {
  font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 22px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
}

.pose-public-header__tag {
  margin-top: 4px;
  color: var(--pose-header-muted);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
}

.pose-public-header__nav {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.pose-public-header__navCard {
  position: relative;
  min-height: 44px;
  min-width: 0;
  padding: 0 13px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 7px;
  overflow: visible;
  border: 0;
  border-radius: 16px;
  background: transparent;
  box-shadow: none;
  color: var(--pose-header-ink);
  text-align: center;
  text-decoration: none;
  transition: background-color 160ms ease, color 160ms ease;
}

.pose-public-header__navCard::before {
  display: none;
}

.pose-public-header__navCard:hover,
.pose-public-header__navCard.is-active {
  transform: none;
  background: var(--pose-header-soft);
  box-shadow: none;
  color: #000000;
}

.pose-public-header__navCard.is-active {
  font-weight: 800;
}

.pose-public-header__icon {
  width: 19px;
  height: 19px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
}

.pose-public-header__icon svg,
.pose-public-header__search svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: none;
}

.pose-public-header__label {
  color: currentColor;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

.pose-public-header__actions {
  min-height: 48px;
  min-width: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  border-radius: 0;
  background: transparent;
  clip-path: none;
}

.pose-public-header__search,
.pose-public-header__meta,
.pose-public-header__cta,
.pose-public-header__menu {
  min-height: 40px;
  border: 0;
  box-shadow: none;
  color: var(--pose-header-ink);
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  text-decoration: none;
  transition: background-color 160ms ease, color 160ms ease;
}

.pose-public-header__search,
.pose-public-header__menu {
  width: 40px;
  min-width: 40px;
  padding: 11px;
  border-radius: 999px;
  background: var(--pose-header-soft);
}

.pose-public-header__meta {
  min-width: auto;
  padding: 0 10px;
  border-radius: 16px;
  background: transparent;
}

.pose-public-header__cta {
  min-width: auto;
  padding: 0 16px;
  border-radius: 16px;
  background: var(--pose-header-red);
  color: #ffffff;
}

.pose-public-header__search:hover,
.pose-public-header__meta:hover,
.pose-public-header__menu:hover {
  transform: none;
  background: #e5e5e0;
  color: #000000;
}

.pose-public-header__cta:hover {
  transform: none;
  background: var(--pose-header-red-pressed);
  color: #ffffff;
  box-shadow: none;
}

.pose-public-header__menu {
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
}

.pose-public-header__menu span {
  width: 18px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transition: transform 160ms ease, opacity 160ms ease;
}

.pose-public-header__menu[aria-expanded="true"] span:first-child {
  transform: translateY(3.5px) rotate(45deg);
}

.pose-public-header__menu[aria-expanded="true"] span:last-child {
  transform: translateY(-3.5px) rotate(-45deg);
}

.pose-public-header__mobile {
  width: min(1180px, 100%);
  margin: 8px auto 0;
  border: 1px solid var(--pose-header-hairline);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 18px 42px rgba(33, 25, 34, 0.12);
  pointer-events: auto;
}

.pose-public-header__mobile[hidden] {
  display: none;
}

.pose-public-header__mobileGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 8px;
}

.pose-public-header__mobile a {
  min-height: 48px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  border: 0;
  border-radius: 16px;
  background: var(--pose-header-soft);
  box-shadow: none;
  color: var(--pose-header-ink);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.pose-public-header__mobile a:hover {
  background: #e5e5e0;
}

@media (max-width: 1120px) {
  .pose-public-header {
    padding-inline: 10px;
  }

  .pose-public-header__main {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 58px;
    border-radius: 22px;
  }

  .pose-public-header__nav,
  .pose-public-header__search,
  .pose-public-header__meta {
    display: none;
  }

  .pose-public-header__menu {
    display: inline-flex;
  }

  .pose-public-header__actions {
    min-height: 44px;
  }
}

@media (max-width: 560px) {
  .pose-public-header {
    padding: 8px;
  }

  .pose-public-header__main {
    padding: 6px;
    gap: 6px;
  }

  .pose-public-header__brand {
    gap: 8px;
    padding-right: 4px;
  }

  .pose-public-header__mark {
    width: 36px;
    height: 36px;
    font-size: 21px;
  }

  .pose-public-header__name {
    font-size: 20px;
  }

  .pose-public-header__tag {
    max-width: 42vw;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .pose-public-header__cta {
    display: none;
  }

  .pose-public-header__mobile {
    border-radius: 20px;
  }

  .pose-public-header__mobileGrid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .pose-home,
  .pose-home__hero,
  .pose-home__heroInner {
    max-width: 100%;
    overflow-x: clip;
  }

  .pose-home__mosaic {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
  }

  .pose-home__tile {
    display: block;
    flex: 0 0 min(78vw, 320px);
    min-width: min(78vw, 320px);
    max-width: min(78vw, 320px);
  }

  .pose-home__tile img {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: block;
  }
}

.lm-login-page {
  margin: 0;
  min-height: 100vh;
  overflow-x: hidden;
  color: var(--pose-ink-black);
  background: var(--pose-alabaster-grey-900);
}

.lm-auth {
  min-height: 100vh;
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
  padding: clamp(22px, 4vw, 72px);
  background:
    radial-gradient(circle at 10% 92%, rgba(186, 209, 234, 0.78), transparent 26%),
    radial-gradient(circle at 93% 16%, rgba(213, 222, 232, 0.86), transparent 27%),
    radial-gradient(circle at 72% 5%, rgba(197, 208, 228, 0.78), transparent 24%),
    radial-gradient(circle at 40% 105%, rgba(172, 186, 203, 0.55), transparent 34%),
    linear-gradient(135deg, #f9f9f8 0%, var(--pose-alabaster-grey-900) 34%, var(--pose-dusty-denim-900) 68%, var(--pose-dusk-blue-900) 100%);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.lm-auth::before {
  content: "";
  position: absolute;
  inset: -20%;
  background:
    radial-gradient(ellipse at 22% 10%, rgba(255, 255, 255, 0.78), transparent 38%),
    radial-gradient(ellipse at 83% 72%, rgba(255, 255, 255, 0.62), transparent 32%);
  filter: blur(18px);
  opacity: 0.75;
}

.lm-auth__card {
  width: min(1180px, 100%);
  min-height: 780px;
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(420px, 0.92fr) minmax(430px, 1.08fr);
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, 0.72);
  border-radius: 42px;
  background: rgba(255, 255, 255, 0.42);
  box-shadow:
    0 42px 110px rgba(13, 27, 42, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.86);
  backdrop-filter: blur(28px);
}

.lm-auth__left,
.lm-auth__right {
  position: relative;
}

.lm-auth__left {
  padding: 58px 54px;
  overflow: hidden;
  background:
    radial-gradient(circle at 80% 70%, rgba(224, 225, 221, 0.88), transparent 24%),
    radial-gradient(circle at 18% 85%, rgba(186, 209, 234, 0.58), transparent 36%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.6), rgba(242, 243, 241, 0.46));
}

.lm-auth__right {
  display: grid;
  place-items: center;
  padding: 58px 66px;
  border-left: 1px solid rgba(255, 255, 255, 0.82);
  background:
    radial-gradient(circle at 78% 0%, rgba(213, 222, 232, 0.72), transparent 34%),
    radial-gradient(circle at 18% 94%, rgba(255, 255, 255, 0.76), transparent 34%),
    rgba(255, 255, 255, 0.46);
}

.lm-auth__brand {
  display: flex;
  align-items: center;
  gap: 16px;
}

.lm-auth__camera {
  width: 54px;
  height: 54px;
  display: inline-grid;
  place-items: center;
  color: var(--pose-ink-black);
}

.lm-auth__camera svg {
  width: 54px;
  height: 54px;
}

.lm-auth__brand strong {
  display: block;
  color: var(--pose-ink-black);
  font-size: 23px;
  line-height: 1.1;
  font-weight: 900;
}

.lm-auth__brand p {
  margin: 7px 0 0;
  color: var(--pose-dusk-blue);
  font-size: 14px;
  font-weight: 650;
}

.lm-auth__welcome {
  margin-top: 76px;
}

.lm-auth__welcome h1 {
  margin: 0;
  color: var(--pose-ink-black);
  font-family: "Segoe Script", "Bradley Hand ITC", "Comic Sans MS", cursive;
  font-size: clamp(46px, 5vw, 68px);
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0;
}

.lm-auth__welcome > span {
  width: 96px;
  height: 8px;
  margin: 16px 0 28px;
  display: block;
  border-radius: 999px;
  background: rgba(137, 140, 126, 0.85);
  transform: rotate(-7deg);
}

.lm-auth__welcome p {
  max-width: 340px;
  margin: 0;
  color: var(--pose-dusk-blue);
  font-size: 18px;
  line-height: 1.55;
  font-weight: 650;
}

.lm-auth__features {
  margin-top: 32px;
  display: grid;
  gap: 19px;
}

.lm-auth__feature {
  display: grid;
  grid-template-columns: 52px 1fr;
  align-items: center;
  gap: 16px;
}

.lm-auth__feature span {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.8);
  color: var(--pose-ink-black);
  background: rgba(236, 236, 234, 0.72);
  box-shadow: 0 12px 26px rgba(13, 27, 42, 0.08);
  font-size: 27px;
  line-height: 1;
}

.lm-auth__feature:nth-child(1) span {
  background: rgba(197, 208, 228, 0.62);
}

.lm-auth__feature:nth-child(2) span {
  background: rgba(213, 222, 232, 0.68);
}

.lm-auth__feature:nth-child(3) span {
  background: rgba(186, 209, 234, 0.54);
}

.lm-auth__feature:nth-child(4) span {
  background: rgba(249, 245, 224, 0.84);
}

.lm-auth__feature p {
  margin: 0;
  color: var(--pose-dusk-blue);
  font-size: 16px;
  line-height: 1.35;
  font-weight: 650;
}

.lm-auth__polaroid {
  width: 285px;
  height: 205px;
  position: absolute;
  left: 50%;
  bottom: 31px;
  transform: translateX(-46%) rotate(-8deg);
  padding: 13px 13px 28px;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 22px 38px rgba(13, 27, 42, 0.16);
}

.lm-auth__polaroid span {
  width: 29px;
  height: 29px;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 999px;
  background: #dedbd8;
  box-shadow: 0 7px 14px rgba(13, 27, 42, 0.12);
}

.lm-auth__polaroid img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 3px;
}

.lm-auth__formWrap {
  width: min(480px, 100%);
}

.lm-auth__heading h2 {
  margin: 0;
  color: var(--pose-ink-black);
  font-size: clamp(42px, 4vw, 56px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0;
}

.lm-auth__heading p {
  max-width: 390px;
  margin: 22px 0 0;
  color: var(--pose-dusk-blue);
  font-size: 18px;
  line-height: 1.58;
  font-weight: 650;
}

.lm-auth__error {
  margin-top: 24px;
  padding: 14px 16px;
  border: 1px solid rgba(65, 90, 119, 0.22);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--pose-ink-black);
  font-size: 14px;
  font-weight: 750;
  box-shadow: 0 10px 24px rgba(13, 27, 42, 0.06);
}

.lm-auth__error p {
  margin: 0;
}

.lm-auth__error p + p {
  margin-top: 5px;
}

.lm-auth__form {
  margin-top: 54px;
  display: grid;
  gap: 26px;
}

.lm-auth__field {
  display: grid;
  gap: 13px;
}

.lm-auth__field > span:first-child {
  color: var(--pose-ink-black);
  font-size: 16px;
  font-weight: 850;
}

.lm-auth__input {
  min-height: 66px;
  display: grid;
  grid-template-columns: 34px 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 0 18px;
  border: 1px solid rgba(13, 27, 42, 0.16);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.66);
  box-shadow:
    0 12px 26px rgba(13, 27, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.lm-auth__input:focus-within {
  border-color: rgba(65, 90, 119, 0.45);
  box-shadow: 0 0 0 4px rgba(197, 208, 228, 0.46), 0 16px 30px rgba(13, 27, 42, 0.08);
  transform: translateY(-1px);
}

.lm-auth__input svg {
  width: 26px;
  height: 26px;
  color: var(--pose-dusk-blue);
}

.lm-auth__input input {
  min-width: 0;
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--pose-ink-black);
  font-size: 18px;
  font-weight: 650;
}

.lm-auth__input input::placeholder {
  color: var(--pose-dusty-denim);
}

.lm-auth__eye {
  width: 34px;
  height: 34px;
  border: 0;
  padding: 0;
  display: grid;
  place-items: center;
  color: var(--pose-dusk-blue);
  background: transparent;
  cursor: pointer;
}

.lm-auth__forgot {
  justify-self: end;
  margin-top: -12px;
  color: #245cc8;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
}

.lm-auth__forgot:hover,
.lm-auth__join a:hover {
  text-decoration: underline;
}

.lm-auth__submit,
.lm-auth__google {
  min-height: 70px;
  width: 100%;
  border: 0;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  color: var(--pose-ink-black);
  font-size: 20px;
  font-weight: 850;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.lm-auth__submit {
  margin-top: 10px;
  background: linear-gradient(135deg, rgba(197, 208, 228, 0.95), rgba(186, 209, 234, 0.95));
  box-shadow: 0 16px 24px rgba(56, 117, 182, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.lm-auth__submit span {
  font-size: 24px;
}

.lm-auth__submit:hover,
.lm-auth__google:hover {
  transform: translateY(-2px);
}

.lm-auth__divider {
  margin: 31px 0 26px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 24px;
  color: var(--pose-dusk-blue);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}

.lm-auth__divider span {
  height: 1px;
  background: rgba(65, 90, 119, 0.18);
}

.lm-auth__divider em {
  font-style: normal;
}

.lm-auth__google {
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 15px 24px rgba(13, 27, 42, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.lm-auth__google strong {
  font-size: 21px;
  font-weight: 950;
  background: linear-gradient(90deg, #4285f4, #34a853, #fbbc05, #ea4335);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.lm-auth__join {
  margin: 34px 0 0;
  color: var(--pose-dusk-blue);
  text-align: center;
  font-size: 18px;
  font-weight: 650;
}

.lm-auth__join a {
  margin-left: 10px;
  color: #245cc8;
  text-decoration: none;
  font-weight: 750;
}

.lm-auth__orb,
.lm-auth__pebble {
  position: absolute;
  z-index: 1;
  border-radius: 999px;
  pointer-events: none;
  filter: blur(0.2px);
  animation: lmAuthDrift 13s ease-in-out infinite;
}

.lm-auth__orb--top {
  width: 102px;
  height: 102px;
  right: 8%;
  top: 6%;
  background: radial-gradient(circle at 30% 28%, #f2f3f1, #c5d0e4 58%, #8ba1ca);
  box-shadow: 19px 21px 34px rgba(56, 117, 182, 0.22);
}

.lm-auth__orb--right {
  width: 64px;
  height: 64px;
  right: 3.6%;
  top: 52%;
  background: radial-gradient(circle at 28% 25%, #f2f3f1, #c5d0e4 45%, #8ba1ca);
  animation-delay: -5s;
}

.lm-auth__orb--bottom {
  width: 48px;
  height: 48px;
  left: 8%;
  bottom: 5.5%;
  background: radial-gradient(circle at 30% 25%, #f2f3f1, #d5dee8 46%, #91a2ba);
  animation-delay: -8s;
}

.lm-auth__pebble {
  width: 142px;
  height: 214px;
  left: -12px;
  bottom: 80px;
  border-radius: 50% 45% 52% 48%;
  background: radial-gradient(circle at 34% 24%, #ffffff, #ececea 62%, #d5dee8);
  box-shadow: 0 24px 42px rgba(13, 27, 42, 0.08);
  animation-delay: -3s;
}

@keyframes lmAuthDrift {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(12px, -16px, 0);
  }
}

.lm-auth__leaf {
  position: absolute;
  z-index: 1;
  width: 150px;
  height: 320px;
  opacity: 0.28;
  pointer-events: none;
}

.lm-auth__leaf::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 28% 20%, rgba(137, 140, 126, 0.42) 0 10%, transparent 11%),
    radial-gradient(ellipse at 58% 32%, rgba(137, 140, 126, 0.4) 0 10%, transparent 11%),
    radial-gradient(ellipse at 25% 45%, rgba(137, 140, 126, 0.38) 0 11%, transparent 12%),
    radial-gradient(ellipse at 63% 58%, rgba(137, 140, 126, 0.35) 0 10%, transparent 11%),
    radial-gradient(ellipse at 32% 72%, rgba(137, 140, 126, 0.32) 0 11%, transparent 12%);
}

.lm-auth__leaf--left {
  left: -10px;
  top: 170px;
}

.lm-auth__leaf--right {
  left: calc(50% - 40px);
  bottom: 58px;
  transform: rotate(18deg);
  opacity: 0.2;
}

.lm-auth--register {
  min-height: calc(100vh - 132px);
  padding: clamp(26px, 4vw, 48px) 24px;
}

.lm-auth--register .lm-auth__card {
  width: min(1010px, 100%);
  min-height: 0;
  grid-template-columns: minmax(360px, 0.88fr) minmax(390px, 1.12fr);
  border-radius: 34px;
}

.lm-auth--register .lm-auth__left {
  min-height: 600px;
  padding: 40px 42px 34px;
}

.lm-auth--register .lm-auth__right {
  padding: 42px 52px;
}

.lm-auth--register .lm-auth__camera,
.lm-auth--register .lm-auth__camera svg {
  width: 46px;
  height: 46px;
}

.lm-auth--register .lm-auth__brand strong {
  font-size: 21px;
}

.lm-auth--register .lm-auth__brand p {
  margin-top: 5px;
  font-size: 13px;
}

.lm-auth--register .lm-auth__welcome {
  margin-top: 42px;
}

.lm-auth--register .lm-auth__welcome h1 {
  font-size: clamp(38px, 4.2vw, 52px);
}

.lm-auth--register .lm-auth__welcome > span {
  width: 82px;
  height: 7px;
  margin: 12px 0 20px;
}

.lm-auth--register .lm-auth__welcome p {
  max-width: 330px;
  font-size: 16px;
  line-height: 1.48;
}

.lm-auth--register .lm-auth__features {
  margin-top: 24px;
  gap: 13px;
}

.lm-auth--register .lm-auth__feature {
  grid-template-columns: 42px 1fr;
  gap: 13px;
}

.lm-auth--register .lm-auth__feature span {
  width: 38px;
  height: 38px;
  font-size: 22px;
}

.lm-auth--register .lm-auth__feature p {
  font-size: 14px;
  line-height: 1.3;
}

.lm-auth--register .lm-auth__polaroid {
  width: 190px;
  height: 138px;
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  margin: 20px 8px 0 auto;
  transform: rotate(-6deg);
  padding: 10px 10px 22px;
}

.lm-auth--register .lm-auth__polaroid span {
  width: 22px;
  height: 22px;
  top: -8px;
}

.lm-auth--register .lm-auth__formWrap {
  width: min(420px, 100%);
}

.lm-auth--register .lm-auth__heading h2 {
  font-size: clamp(34px, 3.5vw, 46px);
}

.lm-auth--register .lm-auth__heading p {
  margin-top: 15px;
  font-size: 16px;
  line-height: 1.5;
}

.lm-auth--register .lm-auth__form {
  margin-top: 30px;
  gap: 18px;
}

.lm-auth--register .lm-auth__field {
  gap: 9px;
}

.lm-auth--register .lm-auth__field > span:first-child {
  font-size: 14px;
}

.lm-auth--register .lm-auth__input {
  min-height: 54px;
  grid-template-columns: 28px 1fr auto;
  gap: 11px;
  border-radius: 12px;
}

.lm-auth--register .lm-auth__input svg {
  width: 23px;
  height: 23px;
}

.lm-auth--register .lm-auth__input input {
  font-size: 16px;
}

.lm-auth--register .lm-auth__submit {
  min-height: 58px;
  margin-top: 4px;
  border-radius: 15px;
  font-size: 17px;
}

.lm-auth--register .lm-auth__join {
  margin-top: 16px;
  font-size: 16px;
}

@media (max-width: 1040px) {
  .lm-auth__card {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .lm-auth__left {
    min-height: 620px;
  }

  .lm-auth__right {
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.82);
  }

  .lm-auth__polaroid {
    left: auto;
    right: 42px;
    transform: rotate(-7deg);
  }

  .lm-auth--register .lm-auth__card {
    grid-template-columns: 1fr;
    width: min(760px, 100%);
  }

  .lm-auth--register .lm-auth__left {
    min-height: auto;
    padding-bottom: 34px;
  }

  .lm-auth--register .lm-auth__right {
    padding: 38px 42px;
  }

  .lm-auth--register .lm-auth__polaroid {
    width: 176px;
    height: 130px;
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    margin: 18px 0 0 auto;
    transform: rotate(-6deg);
  }
}

@media (max-width: 680px) {
  .lm-auth {
    padding: 14px;
  }

  .lm-auth__card {
    border-radius: 28px;
  }

  .lm-auth__left,
  .lm-auth__right {
    padding: 30px 24px;
  }

  .lm-auth__left {
    min-height: 760px;
  }

  .lm-auth__brand strong {
    font-size: 20px;
  }

  .lm-auth__brand p,
  .lm-auth__feature p {
    font-size: 14px;
  }

  .lm-auth__welcome {
    margin-top: 44px;
  }

  .lm-auth__welcome h1 {
    font-size: 48px;
  }

  .lm-auth__polaroid {
    width: 238px;
    height: 176px;
    right: 24px;
    bottom: 28px;
  }

  .lm-auth--register {
    padding: 16px;
  }

  .lm-auth--register .lm-auth__left,
  .lm-auth--register .lm-auth__right {
    padding: 26px 22px;
  }

  .lm-auth--register .lm-auth__left {
    min-height: auto;
  }

  .lm-auth--register .lm-auth__welcome {
    margin-top: 34px;
  }

  .lm-auth--register .lm-auth__polaroid {
    width: 154px;
    height: 116px;
    position: relative;
    right: auto;
    bottom: auto;
    margin: 18px 0 0 auto;
  }

  .lm-auth__form {
    margin-top: 34px;
  }

  .lm-auth__input {
    min-height: 60px;
  }

  .lm-auth__submit,
  .lm-auth__google {
    min-height: 62px;
    font-size: 17px;
  }

  .lm-auth__join {
    font-size: 16px;
  }

  .lm-auth__join a {
    display: inline-block;
    margin-top: 8px;
  }
}

.lm-login {
  position: relative;
  overflow: hidden;
  min-height: calc(100vh - 130px);
  padding: clamp(34px, 6vw, 74px) 24px;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 12% 18%, rgba(186, 209, 234, 0.72), transparent 32%),
    radial-gradient(circle at 86% 12%, rgba(197, 208, 228, 0.68), transparent 30%),
    radial-gradient(circle at 60% 88%, rgba(119, 141, 169, 0.2), transparent 34%),
    linear-gradient(135deg, var(--pose-alabaster-grey-900), var(--pose-dusty-denim-900));
}

.lm-login__shapes {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.lm-login__shapes span {
  position: absolute;
  display: block;
  border: 1px solid rgba(65, 90, 119, 0.16);
  background: rgba(255, 255, 255, 0.28);
  backdrop-filter: blur(8px);
  animation: lmFloat 18s ease-in-out infinite;
}

.lm-login__shapes span:nth-child(1) {
  width: 170px;
  height: 170px;
  left: 8%;
  top: 18%;
  border-radius: 999px;
}

.lm-login__shapes span:nth-child(2) {
  width: 110px;
  height: 110px;
  right: 11%;
  top: 28%;
  transform: rotate(12deg);
  animation-delay: -5s;
}

.lm-login__shapes span:nth-child(3) {
  width: 138px;
  height: 138px;
  right: 22%;
  bottom: 12%;
  border-radius: 999px;
  animation-delay: -10s;
}

@keyframes lmFloat {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  45% {
    transform: translate3d(22px, -26px, 0) rotate(5deg);
  }
  72% {
    transform: translate3d(-18px, 18px, 0) rotate(-4deg);
  }
}

.lm-login__shell {
  width: min(1120px, 100%);
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(400px, 0.82fr);
  background: rgba(255, 255, 255, 0.66);
  border: 1px solid rgba(255, 255, 255, 0.78);
  box-shadow: 0 38px 100px rgba(13, 27, 42, 0.16);
  backdrop-filter: blur(24px);
}

.lm-login__panel {
  min-height: 620px;
  padding: clamp(30px, 5vw, 62px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: white;
  background:
    linear-gradient(145deg, rgba(13, 27, 42, 0.94), rgba(27, 38, 59, 0.72)),
    radial-gradient(circle at 28% 24%, rgba(186, 209, 234, 0.3), transparent 30%),
    linear-gradient(135deg, var(--pose-prussian-blue), var(--pose-dusk-blue));
}

.lm-login__brand p,
.lm-login__panelCopy p {
  margin: 0;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.17em;
  color: var(--pose-dusty-denim-900);
}

.lm-login__brand span {
  display: block;
  margin-top: 12px;
  color: white;
  font-size: clamp(34px, 4.6vw, 62px);
  line-height: 0.96;
  font-weight: 950;
}

.lm-login__panelCopy h2 {
  max-width: 520px;
  margin: 16px 0 0;
  color: var(--pose-alabaster-grey-700);
  font-size: clamp(24px, 3vw, 42px);
  line-height: 1.08;
  font-weight: 900;
}

.lm-login__card {
  padding: clamp(30px, 5vw, 58px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: rgba(249, 249, 248, 0.9);
}

.lm-login__heading h1 {
  margin: 0;
  color: var(--pose-ink-black);
  font-size: clamp(38px, 5vw, 62px);
  line-height: 0.94;
  font-weight: 950;
}

.lm-login__heading p {
  margin: 16px 0 0;
  color: var(--pose-dusk-blue);
  font-size: 16px;
  line-height: 1.7;
  font-weight: 760;
}

.lm-login__error {
  margin-top: 24px;
  padding: 14px 16px;
  border-left: 4px solid var(--pose-dusk-blue);
  background: var(--pose-dusty-denim-900);
  color: var(--pose-ink-black);
  font-size: 14px;
  line-height: 1.5;
  font-weight: 850;
}

.lm-login__error p {
  margin: 0;
}

.lm-login__error p + p {
  margin-top: 6px;
}

.lm-login__form {
  margin-top: 26px;
  display: grid;
  gap: 18px;
}

.lm-login__field {
  display: grid;
  gap: 9px;
}

.lm-login__field span {
  color: var(--pose-ink-black);
  font-size: 13px;
  font-weight: 950;
}

.lm-login__field input {
  min-height: 56px;
  width: 100%;
  border: 1px solid rgba(13, 27, 42, 0.14);
  padding: 0 16px;
  background: white;
  color: var(--pose-ink-black);
  font-size: 15px;
  font-weight: 780;
  transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.lm-login__field input:focus {
  border-color: var(--pose-dusk-blue);
  transform: translateY(-1px);
}

.lm-login__field input::placeholder {
  color: var(--pose-dusty-denim);
}

.lm-login__meta,
.lm-login__join {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.lm-login__meta a,
.lm-login__join a {
  color: var(--pose-prussian-blue);
  font-size: 13px;
  font-weight: 950;
  text-decoration: none;
}

.lm-login__meta a:hover,
.lm-login__join a:hover {
  color: var(--pose-dusk-blue);
  text-decoration: underline;
}

.lm-login__submit {
  min-height: 58px;
  border: 0;
  color: white;
  background: var(--pose-ink-black);
  font-size: 13px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  cursor: pointer;
  box-shadow: 0 18px 42px rgba(13, 27, 42, 0.22);
  transition: transform 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

.lm-login__submit:hover {
  transform: translateY(-2px);
  background: var(--pose-dusk-blue);
  box-shadow: 0 24px 50px rgba(13, 27, 42, 0.26);
}

.lm-login__join {
  margin-top: 24px;
  padding-top: 22px;
  border-top: 1px solid rgba(13, 27, 42, 0.12);
  color: var(--pose-dusk-blue);
  font-size: 14px;
  font-weight: 780;
}

.lm-login__security {
  margin: 22px 0 0;
  color: var(--pose-dusk-blue);
  font-size: 12px;
  line-height: 1.6;
  font-weight: 760;
}

@media (max-width: 960px) {
  .lm-login__shell {
    grid-template-columns: 1fr;
  }

  .lm-login__panel {
    min-height: 360px;
  }
}

@media (max-width: 620px) {
  .lm-login {
    padding: 18px;
  }

  .lm-login__panel,
  .lm-login__card {
    padding: 26px;
  }

  .lm-login__brand span {
    font-size: 34px;
  }

  .lm-login__meta,
  .lm-login__join {
    align-items: flex-start;
    flex-direction: column;
  }
}

.sun-page {
  background:
    linear-gradient(115deg, rgba(13, 27, 42, 0.92), rgba(27, 38, 59, 0.72) 48%, rgba(65, 90, 119, 0.58)),
    linear-gradient(180deg, var(--pose-dusty-denim-900), var(--pose-alabaster-grey-900));
}

.sun-hero {
  min-height: calc(100vh - 130px);
  max-width: 1440px;
  margin: 0 auto;
  padding: 72px 34px 64px;
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(360px, 0.7fr);
  gap: 48px;
  align-items: end;
  color: white;
}

.sun-eyebrow {
  margin: 0;
  color: var(--pose-dusty-denim-800);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.sun-hero h1 {
  max-width: 880px;
  margin: 20px 0 0;
  color: white;
  font-size: clamp(58px, 8vw, 132px);
  line-height: 0.86;
  font-weight: 950;
}

.sun-hero__lead {
  max-width: 670px;
  margin: 30px 0 0;
  color: var(--pose-alabaster-grey-700);
  font-size: clamp(18px, 2vw, 25px);
  line-height: 1.48;
  font-weight: 760;
}

.sun-hero__actions {
  margin-top: 34px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
}

.sun-button {
  min-height: 48px;
  border: 1px solid transparent;
  padding: 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--pose-ink-black);
  background: white;
  text-decoration: none;
  font-size: 13px;
  font-weight: 950;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.sun-button:hover {
  transform: translateY(-2px);
}

.sun-button--primary {
  color: white;
  background: var(--pose-ink-black);
}

.sun-button--primary:hover {
  background: var(--pose-dusk-blue);
}

.sun-button--ghost {
  color: var(--pose-ink-black);
  border-color: rgba(13, 27, 42, 0.18);
  background: rgba(255, 255, 255, 0.78);
}

.sun-view-count {
  min-height: 48px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  color: var(--pose-alabaster-grey-700);
  border-left: 1px solid rgba(224, 225, 221, 0.34);
  font-size: 13px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.sun-hero__scene {
  min-height: 540px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgba(224, 225, 221, 0.3);
  background:
    linear-gradient(180deg, rgba(13, 27, 42, 0.02), rgba(13, 27, 42, 0.78)),
    radial-gradient(circle at 50% 12%, rgba(224, 225, 221, 0.88), rgba(119, 141, 169, 0.4) 18%, transparent 19%),
    linear-gradient(145deg, var(--pose-dusty-denim), var(--pose-prussian-blue));
  box-shadow: 0 42px 110px rgba(13, 27, 42, 0.32);
}

.sun-hero__scene::before,
.sun-hero__scene::after {
  content: "";
  position: absolute;
  inset: auto 8% 18% 8%;
  height: 34%;
  background:
    linear-gradient(90deg, transparent 0 8%, rgba(224, 225, 221, 0.86) 8% 11%, transparent 11% 17%, rgba(224, 225, 221, 0.7) 17% 19%, transparent 19% 100%),
    linear-gradient(180deg, rgba(224, 225, 221, 0.82), rgba(65, 90, 119, 0.2));
  clip-path: polygon(0 100%, 10% 44%, 18% 82%, 25% 26%, 38% 86%, 48% 18%, 61% 78%, 75% 36%, 88% 84%, 100% 48%, 100% 100%);
  opacity: 0.84;
}

.sun-hero__scene::after {
  inset: auto 0 0 0;
  height: 24%;
  clip-path: none;
  background: linear-gradient(180deg, transparent, rgba(13, 27, 42, 0.86));
  opacity: 1;
}

.sun-hero__location {
  position: absolute;
  left: 28px;
  right: 28px;
  bottom: 28px;
  z-index: 1;
  color: white;
}

.sun-hero__location span,
.sun-hero__location small {
  display: block;
  color: var(--pose-dusty-denim-900);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.sun-hero__location strong {
  display: block;
  margin: 9px 0;
  font-size: 34px;
  line-height: 1.02;
  font-weight: 950;
}

.sun-planner {
  padding: 74px 34px 86px;
  background: var(--pose-alabaster-grey-900);
}

.sun-planner__intro {
  max-width: 1280px;
  margin: 0 auto 30px;
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 30px;
}

.sun-planner__intro h2 {
  max-width: 760px;
  margin: 0;
  color: var(--pose-ink-black);
  font-size: clamp(34px, 4.8vw, 74px);
  line-height: 0.95;
  font-weight: 950;
}

.sun-workspace {
  max-width: 1280px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(330px, 420px);
  gap: 24px;
}

.sun-workspace__map,
.sun-panel {
  border: 1px solid rgba(13, 27, 42, 0.12);
  background: white;
  box-shadow: var(--pose-shadow);
}

.sun-search {
  position: relative;
  z-index: 2;
  padding: 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  border-bottom: 1px solid rgba(13, 27, 42, 0.12);
}

.sun-search label,
.sun-controls label {
  display: grid;
  gap: 8px;
}

.sun-search span,
.sun-controls span {
  color: var(--pose-dusk-blue);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.sun-search input,
.sun-controls input {
  min-height: 48px;
  border: 1px solid rgba(13, 27, 42, 0.14);
  padding: 0 14px;
  color: var(--pose-ink-black);
  background: var(--pose-alabaster-grey-900);
  font-size: 14px;
  font-weight: 850;
}

.sun-search__actions {
  display: flex;
  gap: 10px;
  align-items: end;
}

.sun-search__results {
  position: absolute;
  left: 20px;
  right: 20px;
  top: calc(100% - 6px);
  overflow: hidden;
  border: 1px solid rgba(13, 27, 42, 0.14);
  background: white;
  box-shadow: 0 22px 45px rgba(13, 27, 42, 0.18);
}

.sun-map {
  height: 540px;
  background: var(--pose-alabaster-grey-800);
}

.sun-map .leaflet-control-attribution {
  font-size: 10px;
  font-weight: 800;
}

.sun-controls {
  padding: 18px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  border-top: 1px solid rgba(13, 27, 42, 0.12);
}

.sun-panel {
  position: sticky;
  top: 156px;
  align-self: start;
  padding: 24px;
  color: white;
  background:
    linear-gradient(180deg, rgba(27, 38, 59, 0.96), rgba(13, 27, 42, 0.98)),
    var(--pose-ink-black);
}

.sun-panel__head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
}

.sun-panel h2 {
  margin: 8px 0 0;
  color: white;
  font-size: 30px;
  line-height: 1.02;
  font-weight: 950;
}

.sun-panel time {
  min-width: max-content;
  color: var(--pose-dusty-denim-900);
  font-size: 13px;
  font-weight: 950;
}

.sun-panel__meta,
.sun-note {
  margin: 18px 0 0;
  color: var(--pose-dusty-denim-800);
  font-size: 14px;
  font-weight: 760;
  line-height: 1.65;
}

.sun-results {
  margin-top: 22px;
  display: grid;
  gap: 10px;
}

.sun-error {
  margin-top: 16px;
  padding: 14px;
  color: white;
  background: #8b1e2d;
  font-size: 13px;
  font-weight: 850;
}

.sun-result-card {
  border: 1px solid rgba(224, 225, 221, 0.15);
  padding: 18px 18px 16px;
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.sun-result-card:hover {
  transform: translateX(5px);
  border-color: rgba(224, 225, 221, 0.38);
}

.sun-result-card__label {
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  opacity: 0.74;
}

.sun-result-card__value {
  margin-top: 8px;
  font-size: 24px;
  line-height: 1.1;
  font-weight: 950;
}

.sun-result-card--dark {
  background: rgba(224, 225, 221, 0.08);
  color: white;
}

.sun-result-card--dusk {
  background: rgba(119, 141, 169, 0.15);
  color: white;
}

.sun-result-card--gold {
  background: rgba(224, 225, 221, 0.18);
  color: white;
}

.sun-result-card--blue {
  background: rgba(65, 90, 119, 0.26);
  color: white;
}

.sun-search-result {
  display: block;
  width: 100%;
  border: 0;
  border-bottom: 1px solid var(--pose-alabaster-grey-600);
  background: white;
  text-align: left;
  padding: 14px 16px;
  cursor: pointer;
}

.sun-search-result:last-child {
  border-bottom: 0;
}

.sun-search-result:hover {
  background: var(--pose-alabaster-grey-900);
}

.sun-search-result__name {
  display: block;
  font-size: 14px;
  font-weight: 950;
  color: var(--pose-ink-black);
}

.sun-search-result__meta {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  font-weight: 700;
  color: var(--pose-dusk-blue);
}

@media (max-width: 1040px) {
  .sun-hero,
  .sun-workspace {
    grid-template-columns: 1fr;
  }

  .sun-hero__scene {
    min-height: 430px;
  }

  .sun-panel {
    position: relative;
    top: auto;
  }

  .sun-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .sun-hero {
    min-height: auto;
    padding: 46px 18px 36px;
  }

  .sun-hero h1 {
    font-size: 58px;
  }

  .sun-hero__scene {
    min-height: 360px;
  }

  .sun-planner {
    padding: 50px 16px 62px;
  }

  .sun-planner__intro,
  .sun-search {
    display: grid;
    grid-template-columns: 1fr;
  }

  .sun-search__actions,
  .sun-hero__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .sun-button,
  .sun-view-count {
    width: 100%;
  }

  .sun-map {
    height: 420px;
  }

  .sun-controls {
    grid-template-columns: 1fr;
  }
}

.gear-page,
.gear-detail {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  background:
    radial-gradient(circle at 9% 12%, rgba(186, 209, 234, 0.5), transparent 30%),
    radial-gradient(circle at 88% 9%, rgba(224, 225, 221, 0.84), transparent 28%),
    radial-gradient(circle at 70% 72%, rgba(119, 141, 169, 0.24), transparent 34%),
    linear-gradient(135deg, #f9f9f8 0%, #ececea 48%, #d5dee8 100%);
  color: var(--pose-ink-black);
}

.gear-aurora {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(110deg, rgba(255, 255, 255, 0.28), transparent 34%),
    radial-gradient(circle at 35% 20%, rgba(116, 163, 212, 0.28), transparent 24%),
    radial-gradient(circle at 83% 42%, rgba(197, 208, 228, 0.56), transparent 28%);
}

.gear-shell,
.gear-detail__shell {
  position: relative;
  width: min(1360px, calc(100% - 44px));
  margin: 0 auto;
  padding: clamp(22px, 4vw, 54px) 0 clamp(54px, 8vw, 96px);
}

.gear-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
  gap: clamp(18px, 3vw, 38px);
  align-items: stretch;
  margin-bottom: clamp(26px, 4vw, 42px);
}

.gear-hero__copy {
  padding: clamp(24px, 4vw, 46px) 0;
}

.gear-kicker {
  margin: 0 0 10px;
  color: var(--pose-dusk-blue);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.gear-script {
  color: var(--pose-dusk-blue);
  font-family: "Kalam", cursive;
  font-size: 22px;
}

.gear-hero h1,
.gear-feed__head h2,
.gear-detail h1,
.gear-detail h2 {
  margin: 0;
  color: var(--pose-ink-black);
  letter-spacing: 0;
}

.gear-hero h1 {
  max-width: 900px;
  font-size: clamp(38px, 6vw, 78px);
  line-height: 0.98;
}

.gear-hero p {
  max-width: 700px;
  margin: 18px 0 0;
  color: var(--pose-prussian-blue);
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.65;
}

.gear-hero__feature,
.gear-empty,
.gear-card,
.gear-detail__intro,
.gear-detail__strip div,
.gear-detail__panel,
.gear-detail__spec-grid div,
.gear-detail__pros-cons > div,
.gear-mini-grid a {
  border: 1px solid rgba(255, 255, 255, 0.72);
  background: rgba(255, 255, 255, 0.48);
  box-shadow: 20px 26px 52px rgba(13, 27, 42, 0.12), -12px -12px 28px rgba(255, 255, 255, 0.64);
  backdrop-filter: blur(22px);
}

.gear-hero__feature {
  display: flex;
  min-height: 240px;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  border-radius: 28px;
  color: inherit;
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.gear-hero__feature:hover,
.gear-card:hover,
.gear-mini-grid a:hover,
.gear-pose-grid a:hover {
  transform: translateY(-5px);
  background: rgba(255, 255, 255, 0.64);
  box-shadow: 24px 32px 58px rgba(13, 27, 42, 0.16), -12px -12px 28px rgba(255, 255, 255, 0.72);
}

.gear-hero__feature strong {
  display: block;
  margin-top: 14px;
  font-size: 28px;
  line-height: 1.04;
}

.gear-hero__feature small {
  color: var(--pose-dusk-blue);
  font-weight: 800;
}

.gear-hero__feature div,
.gear-tag-row,
.gear-filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.gear-hero__feature div span,
.gear-tag-row span,
.gear-card__type,
.gear-chip {
  border: 1px solid rgba(13, 27, 42, 0.09);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.58);
  color: var(--pose-prussian-blue);
  font-size: 12px;
  font-weight: 850;
}

.gear-hero__feature div span,
.gear-tag-row span {
  padding: 8px 11px;
}

.gear-discovery {
  padding-top: 8px;
}

.gear-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: end;
  margin-bottom: 16px;
}

.gear-toolbar label {
  display: grid;
  gap: 8px;
}

.gear-toolbar label span {
  color: var(--pose-dusk-blue);
  font-size: 12px;
  font-weight: 850;
  text-transform: uppercase;
}

.gear-toolbar input {
  width: 100%;
  min-height: 52px;
  border: 1px solid rgba(13, 27, 42, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: inset 8px 8px 18px rgba(13, 27, 42, 0.06), inset -8px -8px 18px rgba(255, 255, 255, 0.74);
  color: var(--pose-ink-black);
  font: inherit;
  outline: none;
  padding: 0 20px;
  transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.gear-toolbar input:focus {
  border-color: rgba(65, 90, 119, 0.45);
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 0 0 5px rgba(116, 163, 212, 0.18), inset 8px 8px 18px rgba(13, 27, 42, 0.04);
}

.gear-button {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.58);
  color: var(--pose-ink-black);
  cursor: pointer;
  font: inherit;
  font-weight: 900;
  padding: 0 20px;
  text-decoration: none;
  transition: transform 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.gear-button:hover {
  transform: translateY(-2px);
  background: white;
  box-shadow: 10px 14px 24px rgba(13, 27, 42, 0.12);
}

.gear-button--primary {
  border-color: rgba(27, 38, 59, 0.22);
  background: linear-gradient(135deg, var(--pose-prussian-blue), var(--pose-dusk-blue));
  color: white;
}

.gear-button.is-muted {
  opacity: 0.62;
}

.gear-button.is-disabled {
  pointer-events: none;
  opacity: 0.42;
}

.gear-filter-row {
  margin: 12px 0;
}

.gear-filter-row--quiet {
  margin-bottom: 22px;
}

.gear-chip {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  padding: 0 15px;
  text-decoration: none;
  transition: transform 180ms ease, background 180ms ease, color 180ms ease;
}

.gear-chip:hover,
.gear-chip.is-active {
  transform: translateY(-2px);
  background: var(--pose-ink-black);
  color: white;
}

.gear-loading {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 8px 0 14px;
  color: var(--pose-dusk-blue);
  font-weight: 850;
}

.gear-loading span {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(65, 90, 119, 0.24);
  border-top-color: var(--pose-dusk-blue);
  border-radius: 999px;
  animation: gearSpin 800ms linear infinite;
}

@keyframes gearSpin {
  to { transform: rotate(360deg); }
}

.gear-page.is-loading .gear-results {
  opacity: 0.54;
  transform: translateY(4px);
}

.gear-results {
  transition: opacity 180ms ease, transform 180ms ease;
}

.gear-feed__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin: clamp(26px, 4vw, 44px) 0 18px;
}

.gear-feed__head h2 {
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1;
}

.gear-feed__head > span {
  color: var(--pose-dusk-blue);
  font-weight: 900;
}

.gear-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px;
}

.gear-card {
  display: grid;
  grid-column: span 4;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  border-radius: 28px;
  color: inherit;
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.gear-card:first-child {
  grid-column: span 6;
}

.gear-card__media {
  position: relative;
  overflow: hidden;
  min-height: 230px;
  background: linear-gradient(135deg, rgba(224, 225, 221, 0.88), rgba(186, 209, 234, 0.76));
}

.gear-card:first-child .gear-card__media {
  min-height: 300px;
}

.gear-card__media img {
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  transition: transform 260ms ease;
}

.gear-card:hover .gear-card__media img {
  transform: scale(1.035);
}

.gear-card__fallback,
.gear-detail__fallback,
.gear-pose-fallback {
  display: grid;
  min-height: inherit;
  place-items: center;
  text-align: center;
  background:
    radial-gradient(circle at 28% 24%, rgba(255, 255, 255, 0.86), transparent 26%),
    linear-gradient(135deg, rgba(224, 225, 221, 0.86), rgba(186, 209, 234, 0.7), rgba(197, 208, 228, 0.66));
}

.gear-card__fallback span,
.gear-detail__fallback span {
  color: var(--pose-dusk-blue);
  font-weight: 900;
  text-transform: uppercase;
}

.gear-card__fallback strong {
  color: rgba(13, 27, 42, 0.12);
  font-size: clamp(88px, 10vw, 150px);
  line-height: 0.8;
}

.gear-card__type {
  position: absolute;
  left: 16px;
  bottom: 16px;
  padding: 8px 11px;
  background: rgba(255, 255, 255, 0.76);
}

.gear-card__body {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 20px;
}

.gear-card__meta,
.gear-card__foot,
.gear-pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.gear-card__meta span,
.gear-card__foot,
.gear-spec-list {
  color: var(--pose-dusk-blue);
  font-size: 13px;
  font-weight: 850;
}

.gear-card h3 {
  margin: 0;
  color: var(--pose-ink-black);
  font-size: clamp(22px, 3vw, 32px);
  line-height: 1.02;
}

.gear-card p {
  margin: 0;
  color: var(--pose-prussian-blue);
  line-height: 1.55;
}

.gear-spec-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.gear-spec-list li {
  position: relative;
  padding-left: 16px;
}

.gear-spec-list li::before {
  position: absolute;
  left: 0;
  top: 0.65em;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--pose-dusty-denim);
  content: "";
}

.gear-card__foot {
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid rgba(13, 27, 42, 0.08);
}

.gear-card__foot span {
  max-width: 68%;
}

.gear-card__foot strong {
  color: var(--pose-ink-black);
  white-space: nowrap;
}

.gear-empty {
  display: grid;
  place-items: center;
  min-height: 320px;
  border-radius: 28px;
  padding: 28px;
  text-align: center;
}

.gear-empty h3 {
  margin: 6px 0 0;
  color: var(--pose-ink-black);
  font-size: 30px;
}

.gear-empty p {
  margin: 10px 0 20px;
  color: var(--pose-dusk-blue);
}

.gear-pager {
  margin-top: 24px;
}

.gear-pager > span {
  color: var(--pose-dusk-blue);
  font-size: 13px;
  font-weight: 850;
}

.gear-detail__back {
  display: inline-flex;
  margin-bottom: 18px;
  color: var(--pose-dusk-blue);
  font-weight: 900;
  text-decoration: none;
}

.gear-detail__hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.95fr);
  gap: clamp(18px, 3vw, 34px);
  align-items: stretch;
}

.gear-detail__media {
  min-height: clamp(430px, 56vw, 680px);
  overflow: hidden;
  border-radius: 34px;
  box-shadow: 28px 34px 70px rgba(13, 27, 42, 0.18);
}

.gear-detail__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gear-detail__fallback {
  height: 100%;
  min-height: inherit;
}

.gear-detail__fallback strong {
  max-width: 80%;
  color: rgba(13, 27, 42, 0.76);
  font-size: clamp(48px, 7vw, 94px);
  line-height: 0.92;
}

.gear-detail__intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 34px;
  padding: clamp(26px, 4vw, 48px);
}

.gear-detail h1 {
  font-size: clamp(42px, 6vw, 86px);
  line-height: 0.95;
}

.gear-detail__intro p {
  margin: 18px 0 0;
  color: var(--pose-prussian-blue);
  font-size: 17px;
  line-height: 1.7;
}

.gear-detail__actions,
.gear-detail__stats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.gear-detail__stats span {
  border: 1px solid rgba(13, 27, 42, 0.09);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.52);
  color: var(--pose-dusk-blue);
  font-size: 12px;
  font-weight: 850;
  padding: 8px 11px;
}

.gear-detail__strip {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  margin-top: 20px;
}

.gear-detail__strip div {
  min-height: 108px;
  border-radius: 22px;
  padding: 16px;
}

.gear-detail__strip span,
.gear-detail__panel p,
.gear-source-link {
  color: var(--pose-dusk-blue);
  font-size: 12px;
  font-weight: 850;
  text-transform: uppercase;
}

.gear-detail__strip strong {
  display: block;
  margin-top: 9px;
  color: var(--pose-ink-black);
  font-size: 15px;
  line-height: 1.35;
}

.gear-detail__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(290px, 380px);
  gap: clamp(28px, 5vw, 58px);
  margin-top: clamp(36px, 6vw, 70px);
}

.gear-detail__main,
.gear-detail__side {
  display: grid;
  gap: clamp(26px, 4vw, 44px);
}

.gear-detail__side {
  align-content: start;
  position: sticky;
  top: 148px;
}

.gear-detail__section {
  padding-top: 4px;
}

.gear-detail__section h2 {
  max-width: 820px;
  font-size: clamp(32px, 5vw, 58px);
  line-height: 0.98;
}

.gear-detail__copy {
  max-width: 850px;
  margin-top: 16px;
  color: var(--pose-prussian-blue);
  font-size: 17px;
  line-height: 1.78;
}

.gear-detail__copy p {
  margin: 0 0 16px;
}

.gear-detail__spec-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 20px;
}

.gear-detail__spec-grid div {
  border-radius: 20px;
  color: var(--pose-prussian-blue);
  font-weight: 850;
  line-height: 1.45;
  padding: 16px;
}

.gear-detail__pros-cons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 20px;
}

.gear-detail__pros-cons > div {
  border-radius: 24px;
  padding: 20px;
}

.gear-detail__pros-cons h3,
.gear-detail__panel h2 {
  margin: 0;
  color: var(--pose-ink-black);
}

.gear-detail__pros-cons ul {
  display: grid;
  gap: 10px;
  margin: 14px 0 0;
  padding-left: 18px;
  color: var(--pose-prussian-blue);
  line-height: 1.55;
}

.gear-detail__panel {
  border-radius: 26px;
  padding: 22px;
}

.gear-detail__panel p {
  margin: 12px 0 16px;
  line-height: 1.5;
  text-transform: none;
}

.gear-source-link {
  display: inline-flex;
  color: var(--pose-ink-black);
}

.gear-detail__related {
  margin-top: clamp(42px, 7vw, 86px);
  padding-top: clamp(26px, 4vw, 46px);
  border-top: 1px solid rgba(13, 27, 42, 0.08);
}

.gear-pose-grid,
.gear-mini-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.gear-pose-grid a,
.gear-mini-grid a {
  overflow: hidden;
  border-radius: 24px;
  color: inherit;
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.gear-pose-grid a {
  border: 1px solid rgba(255, 255, 255, 0.72);
  background: rgba(255, 255, 255, 0.44);
  box-shadow: 16px 20px 34px rgba(13, 27, 42, 0.12);
}

.gear-pose-grid img,
.gear-pose-fallback {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.gear-pose-fallback {
  color: rgba(13, 27, 42, 0.24);
  font-size: 64px;
  font-weight: 900;
}

.gear-pose-grid span,
.gear-pose-grid strong {
  display: block;
  padding: 0 14px;
}

.gear-pose-grid span {
  margin-top: 12px;
  color: var(--pose-dusk-blue);
  font-size: 12px;
  font-weight: 850;
  text-transform: uppercase;
}

.gear-pose-grid strong {
  margin-top: 5px;
  padding-bottom: 16px;
}

.gear-mini-grid a {
  padding: 20px;
}

.gear-mini-grid span,
.gear-mini-grid small {
  color: var(--pose-dusk-blue);
  font-size: 12px;
  font-weight: 850;
  text-transform: uppercase;
}

.gear-mini-grid strong {
  display: block;
  margin: 10px 0;
  color: var(--pose-ink-black);
  font-size: 24px;
  line-height: 1.06;
}

.gear-mini-grid small {
  text-transform: none;
}

@media (max-width: 1080px) {
  .gear-card,
  .gear-card:first-child {
    grid-column: span 6;
  }

  .gear-detail__hero,
  .gear-detail__body {
    grid-template-columns: 1fr;
  }

  .gear-detail__side {
    position: relative;
    top: auto;
  }

  .gear-detail__strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .gear-detail__spec-grid,
  .gear-pose-grid,
  .gear-mini-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .gear-shell,
  .gear-detail__shell {
    width: min(100% - 28px, 1360px);
  }

  .gear-hero,
  .gear-toolbar {
    grid-template-columns: 1fr;
  }

  .gear-hero__copy {
    padding-bottom: 0;
  }

  .gear-button {
    width: 100%;
  }

  .gear-card,
  .gear-card:first-child {
    grid-column: span 12;
  }

  .gear-card:first-child .gear-card__media,
  .gear-card__media {
    min-height: 230px;
  }

  .gear-feed__head,
  .gear-card__foot {
    align-items: flex-start;
    flex-direction: column;
  }

  .gear-card__foot span {
    max-width: 100%;
  }

  .gear-detail__media {
    min-height: 390px;
    border-radius: 26px;
  }

  .gear-detail__intro {
    border-radius: 26px;
  }

  .gear-detail__strip,
  .gear-detail__spec-grid,
  .gear-detail__pros-cons,
  .gear-pose-grid,
  .gear-mini-grid {
    grid-template-columns: 1fr;
  }
}

.raw-page,
.raw-detail,
.raw-submit {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  background:
    radial-gradient(circle at 12% 8%, rgba(186, 209, 234, 0.55), transparent 30%),
    radial-gradient(circle at 88% 14%, rgba(224, 225, 221, 0.86), transparent 26%),
    radial-gradient(circle at 76% 74%, rgba(119, 141, 169, 0.22), transparent 34%),
    linear-gradient(135deg, #f9f9f8 0%, #ececea 52%, #d5dee8 100%);
  color: var(--pose-ink-black);
}

.raw-aurora {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.3), transparent 36%),
    radial-gradient(circle at 40% 18%, rgba(116, 163, 212, 0.24), transparent 24%),
    radial-gradient(circle at 82% 46%, rgba(197, 208, 228, 0.5), transparent 28%);
}

.raw-shell,
.raw-submit__shell {
  position: relative;
  width: min(1320px, calc(100% - 44px));
  margin: 0 auto;
  padding: clamp(22px, 4vw, 50px) 0 clamp(54px, 8vw, 94px);
}

.raw-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
  gap: clamp(18px, 3vw, 36px);
  align-items: stretch;
  margin-bottom: 26px;
}

.raw-kicker {
  margin: 0 0 9px;
  color: var(--pose-dusk-blue);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0;
  text-transform: uppercase;
}

.raw-script {
  color: var(--pose-dusk-blue);
  font-family: "Kalam", cursive;
  font-size: 22px;
}

.raw-hero h1,
.raw-feed__head h2,
.raw-detail h1,
.raw-detail h2,
.raw-submit h1,
.raw-submit h2 {
  margin: 0;
  color: var(--pose-ink-black);
  letter-spacing: 0;
}

.raw-hero h1 {
  max-width: 860px;
  font-size: clamp(34px, 5vw, 68px);
  line-height: 1;
}

.raw-hero p {
  max-width: 680px;
  margin: 16px 0 0;
  color: var(--pose-prussian-blue);
  font-size: clamp(15px, 1.7vw, 19px);
  line-height: 1.65;
}

.raw-hero__feature,
.raw-card,
.raw-empty,
.raw-detail__intro,
.raw-detail__strip div,
.raw-edit-card,
.raw-mini-grid a,
.raw-submit__preview,
.raw-submit__form,
.raw-modal__panel {
  border: 1px solid rgba(255, 255, 255, 0.72);
  background: rgba(255, 255, 255, 0.48);
  box-shadow: 20px 26px 52px rgba(13, 27, 42, 0.12), -12px -12px 28px rgba(255, 255, 255, 0.64);
  backdrop-filter: blur(22px);
}

.raw-hero__feature {
  display: flex;
  min-height: 210px;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 28px;
  color: inherit;
  padding: 22px;
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.raw-hero__feature:hover,
.raw-card:hover,
.raw-edit-card:hover,
.raw-mini-grid a:hover {
  transform: translateY(-5px);
  background: rgba(255, 255, 255, 0.64);
  box-shadow: 24px 32px 58px rgba(13, 27, 42, 0.16), -12px -12px 28px rgba(255, 255, 255, 0.72);
}

.raw-hero__feature strong {
  display: block;
  font-size: 27px;
  line-height: 1.04;
}

.raw-hero__feature small {
  color: var(--pose-dusk-blue);
  font-weight: 850;
}

.raw-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: end;
  margin-bottom: 14px;
}

.raw-toolbar label,
.raw-submit__form label,
.raw-modal label {
  display: grid;
  gap: 8px;
}

.raw-toolbar label span,
.raw-submit__form label span,
.raw-modal label span {
  color: var(--pose-dusk-blue);
  font-size: 12px;
  font-weight: 850;
  text-transform: uppercase;
}

.raw-toolbar input,
.raw-submit__form input,
.raw-submit__form textarea,
.raw-modal input,
.raw-modal textarea,
.raw-modal select {
  width: 100%;
  border: 1px solid rgba(13, 27, 42, 0.12);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.7);
  box-shadow: inset 8px 8px 18px rgba(13, 27, 42, 0.05), inset -8px -8px 18px rgba(255, 255, 255, 0.7);
  color: var(--pose-ink-black);
  font: inherit;
  outline: none;
  padding: 14px 16px;
}

.raw-toolbar input {
  min-height: 52px;
  border-radius: 999px;
  padding: 0 20px;
}

.raw-toolbar input:focus,
.raw-submit__form input:focus,
.raw-submit__form textarea:focus,
.raw-modal input:focus,
.raw-modal textarea:focus,
.raw-modal select:focus {
  border-color: rgba(65, 90, 119, 0.45);
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 0 0 5px rgba(116, 163, 212, 0.18), inset 8px 8px 18px rgba(13, 27, 42, 0.04);
}

.raw-button {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.58);
  color: var(--pose-ink-black);
  cursor: pointer;
  font: inherit;
  font-weight: 900;
  padding: 0 20px;
  text-decoration: none;
  transition: transform 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.raw-button:hover {
  transform: translateY(-2px);
  background: white;
  box-shadow: 10px 14px 24px rgba(13, 27, 42, 0.12);
}

.raw-button--primary {
  border-color: rgba(27, 38, 59, 0.22);
  background: linear-gradient(135deg, var(--pose-prussian-blue), var(--pose-dusk-blue));
  color: white;
}

.raw-button.is-muted {
  opacity: 0.62;
}

.raw-button.is-disabled {
  pointer-events: none;
  opacity: 0.42;
}

.raw-filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 12px 0;
}

.raw-filter-row--quiet {
  margin-bottom: 22px;
}

.raw-chip,
.raw-card__badge,
.raw-card__stats span,
.raw-detail__actions button,
.raw-edit-card__foot button {
  border: 1px solid rgba(13, 27, 42, 0.09);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.58);
  color: var(--pose-prussian-blue);
  font-size: 12px;
  font-weight: 850;
}

.raw-chip {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  padding: 0 15px;
  text-decoration: none;
  transition: transform 180ms ease, background 180ms ease, color 180ms ease;
}

.raw-chip:hover,
.raw-chip.is-active {
  transform: translateY(-2px);
  background: var(--pose-ink-black);
  color: white;
}

.raw-loading {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 8px 0 14px;
  color: var(--pose-dusk-blue);
  font-weight: 850;
}

.raw-loading span {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(65, 90, 119, 0.24);
  border-top-color: var(--pose-dusk-blue);
  border-radius: 999px;
  animation: rawSpin 800ms linear infinite;
}

@keyframes rawSpin {
  to { transform: rotate(360deg); }
}

.raw-page.is-loading .raw-results {
  opacity: 0.54;
  transform: translateY(4px);
}

.raw-results {
  transition: opacity 180ms ease, transform 180ms ease;
}

.raw-feed__head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin: clamp(24px, 4vw, 42px) 0 18px;
}

.raw-feed__head h2 {
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1;
}

.raw-feed__head > span,
.raw-pager > span {
  color: var(--pose-dusk-blue);
  font-weight: 900;
}

.raw-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px;
}

.raw-card {
  display: grid;
  grid-column: span 4;
  overflow: hidden;
  border-radius: 28px;
  color: inherit;
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.raw-card:first-child {
  grid-column: span 6;
}

.raw-card__media {
  position: relative;
  min-height: 230px;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(224, 225, 221, 0.9), rgba(186, 209, 234, 0.72));
}

.raw-card:first-child .raw-card__media {
  min-height: 300px;
}

.raw-card__media img,
.raw-detail__media img,
.raw-edit-card img,
.raw-submit__preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.raw-card__media img {
  min-height: inherit;
  transition: transform 260ms ease;
}

.raw-card:hover .raw-card__media img {
  transform: scale(1.035);
}

.raw-card__fallback {
  display: grid;
  min-height: inherit;
  place-items: center;
  background:
    radial-gradient(circle at 28% 24%, rgba(255, 255, 255, 0.86), transparent 26%),
    linear-gradient(135deg, rgba(224, 225, 221, 0.86), rgba(186, 209, 234, 0.7));
}

.raw-card__fallback span {
  color: rgba(13, 27, 42, 0.25);
  font-size: 64px;
  font-weight: 950;
}

.raw-card__badge {
  position: absolute;
  left: 16px;
  bottom: 16px;
  padding: 8px 11px;
  background: rgba(255, 255, 255, 0.76);
}

.raw-card__body {
  display: flex;
  flex-direction: column;
  gap: 13px;
  padding: 20px;
}

.raw-card__meta,
.raw-card__stats,
.raw-card__actions,
.raw-pager,
.raw-edit-card__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.raw-card__meta span,
.raw-card__actions span {
  color: var(--pose-dusk-blue);
  font-size: 12px;
  font-weight: 850;
  text-transform: uppercase;
}

.raw-card h3 {
  margin: 0;
  color: var(--pose-ink-black);
  font-size: clamp(22px, 3vw, 32px);
  line-height: 1.02;
}

.raw-card p {
  margin: 0;
  color: var(--pose-prussian-blue);
  line-height: 1.55;
}

.raw-card__stats {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.raw-card__stats span {
  padding: 7px 10px;
}

.raw-card__actions {
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid rgba(13, 27, 42, 0.08);
}

.raw-empty {
  display: grid;
  min-height: 300px;
  place-items: center;
  border-radius: 28px;
  padding: 28px;
  text-align: center;
}

.raw-empty--small {
  min-height: 220px;
}

.raw-empty h3 {
  margin: 6px 0 0;
  font-size: 30px;
}

.raw-empty p {
  margin: 10px 0 20px;
  color: var(--pose-dusk-blue);
}

.raw-detail__back {
  display: inline-flex;
  margin-bottom: 18px;
  color: var(--pose-dusk-blue);
  font-weight: 900;
  text-decoration: none;
}

.raw-flash,
.raw-error {
  margin-bottom: 18px;
  border: 1px solid rgba(56, 117, 182, 0.2);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.62);
  color: var(--pose-prussian-blue);
  font-weight: 850;
  padding: 14px 16px;
}

.raw-detail__hero {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(330px, 0.85fr);
  gap: clamp(18px, 3vw, 34px);
}

.raw-detail__media {
  min-height: clamp(430px, 55vw, 660px);
  overflow: hidden;
  border-radius: 34px;
  box-shadow: 28px 34px 70px rgba(13, 27, 42, 0.18);
}

.raw-detail__intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 34px;
  padding: clamp(26px, 4vw, 46px);
}

.raw-detail h1 {
  font-size: clamp(38px, 5.5vw, 78px);
  line-height: 0.96;
}

.raw-detail__intro p {
  margin: 18px 0 0;
  color: var(--pose-prussian-blue);
  font-size: 16px;
  line-height: 1.7;
  white-space: pre-line;
}

.raw-detail__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}

.raw-detail__actions button,
.raw-edit-card__foot button {
  min-height: 36px;
  cursor: pointer;
  padding: 0 12px;
}

.raw-detail__strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}

.raw-detail__strip div {
  min-height: 96px;
  border-radius: 22px;
  padding: 16px;
}

.raw-detail__strip span {
  color: var(--pose-dusk-blue);
  font-size: 12px;
  font-weight: 850;
  text-transform: uppercase;
}

.raw-detail__strip strong {
  display: block;
  margin-top: 8px;
  font-size: 20px;
}

.raw-edits,
.raw-related {
  margin-top: clamp(40px, 7vw, 80px);
  padding-top: clamp(24px, 4vw, 44px);
  border-top: 1px solid rgba(13, 27, 42, 0.08);
}

.raw-edit-grid,
.raw-mini-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.raw-edit-card {
  overflow: hidden;
  border-radius: 26px;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.raw-edit-card img {
  display: block;
  aspect-ratio: 4 / 3;
}

.raw-edit-card > div {
  padding: 16px;
}

.raw-edit-card span,
.raw-mini-grid span,
.raw-mini-grid small {
  color: var(--pose-dusk-blue);
  font-size: 12px;
  font-weight: 850;
  text-transform: uppercase;
}

.raw-edit-card p {
  margin: 10px 0;
  color: var(--pose-prussian-blue);
  line-height: 1.55;
}

.raw-edit-card__foot {
  flex-wrap: wrap;
}

.raw-edit-card__foot a,
.raw-edit-card__foot button {
  color: var(--pose-ink-black);
  font-weight: 850;
  text-decoration: none;
}

.raw-mini-grid a {
  border-radius: 24px;
  color: inherit;
  padding: 20px;
  text-decoration: none;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.raw-mini-grid strong {
  display: block;
  margin: 10px 0;
  font-size: 24px;
  line-height: 1.06;
}

.raw-modal[hidden] {
  display: none;
}

.raw-modal {
  position: fixed;
  z-index: 1000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(13, 27, 42, 0.3);
}

.raw-modal__panel {
  width: min(560px, 100%);
  border-radius: 28px;
  padding: 20px;
}

.raw-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.raw-modal__head button {
  border: 0;
  background: transparent;
  color: var(--pose-dusk-blue);
  cursor: pointer;
  font: inherit;
  font-weight: 900;
}

.raw-modal form,
.raw-submit__form {
  display: grid;
  gap: 16px;
}

.raw-modal__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.raw-submit__layout {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(360px, 0.8fr);
  gap: clamp(18px, 4vw, 48px);
  align-items: stretch;
}

.raw-submit__preview {
  overflow: hidden;
  border-radius: 34px;
}

.raw-submit__preview img {
  display: block;
  aspect-ratio: 4 / 3;
}

.raw-submit__preview div {
  padding: clamp(22px, 4vw, 36px);
}

.raw-submit h1 {
  margin-top: 8px;
  font-size: clamp(34px, 5vw, 64px);
  line-height: 0.98;
}

.raw-submit__preview p,
.raw-submit__form small {
  color: var(--pose-dusk-blue);
  font-weight: 800;
}

.raw-submit__form {
  align-content: center;
  border-radius: 34px;
  padding: clamp(24px, 4vw, 44px);
}

.raw-submit__form h2 {
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1;
}

@media (max-width: 1080px) {
  .raw-card,
  .raw-card:first-child {
    grid-column: span 6;
  }

  .raw-detail__hero,
  .raw-submit__layout {
    grid-template-columns: 1fr;
  }

  .raw-detail__strip,
  .raw-edit-grid,
  .raw-mini-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .raw-shell,
  .raw-submit__shell {
    width: min(100% - 28px, 1320px);
  }

  .raw-hero,
  .raw-toolbar,
  .raw-detail__strip,
  .raw-edit-grid,
  .raw-mini-grid,
  .raw-modal__grid {
    grid-template-columns: 1fr;
  }

  .raw-button {
    width: 100%;
  }

  .raw-card,
  .raw-card:first-child {
    grid-column: span 12;
  }

  .raw-card__media,
  .raw-card:first-child .raw-card__media {
    min-height: 230px;
  }

  .raw-feed__head,
  .raw-card__actions,
  .raw-pager {
    align-items: flex-start;
    flex-direction: column;
  }

  .raw-detail__media {
    min-height: 360px;
    border-radius: 26px;
  }

  .raw-detail__intro,
  .raw-submit__preview,
  .raw-submit__form {
    border-radius: 26px;
  }
}

.explore-page {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 8%, rgba(197, 208, 228, 0.9), transparent 30%),
    radial-gradient(circle at 86% 12%, rgba(213, 222, 232, 0.95), transparent 34%),
    linear-gradient(180deg, var(--pose-alabaster-grey-900), var(--pose-alabaster-grey-800) 58%, var(--pose-dusty-denim-900));
}

.explore-aurora {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.85;
  background:
    radial-gradient(circle at 28% 30%, rgba(116, 163, 212, 0.34), transparent 22%),
    radial-gradient(circle at 58% 18%, rgba(224, 225, 221, 0.74), transparent 24%),
    radial-gradient(circle at 78% 66%, rgba(139, 161, 202, 0.34), transparent 28%);
  filter: blur(8px);
}

.explore-shell {
  position: relative;
  width: min(1220px, calc(100% - 40px));
  margin: 0 auto;
  padding: clamp(34px, 5vw, 72px) 0 clamp(58px, 7vw, 96px);
}

.explore-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.42fr) minmax(320px, 0.78fr);
  gap: clamp(20px, 4vw, 46px);
  align-items: stretch;
}

.explore-hero__copy,
.explore-hero__panel,
.explore-filters,
.explore-results,
.explore-empty {
  border: 1px solid rgba(255, 255, 255, 0.82);
  background: rgba(249, 249, 248, 0.58);
  box-shadow:
    18px 18px 42px rgba(13, 27, 42, 0.12),
    -18px -18px 42px rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(22px);
}

.explore-hero__copy {
  padding: clamp(30px, 5vw, 62px);
  border-radius: 34px;
}

.explore-kicker {
  margin: 0 0 12px;
  color: var(--pose-dusk-blue);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

.explore-hero h1 {
  max-width: 790px;
  margin: 0;
  color: var(--pose-ink-black);
  font-size: clamp(44px, 7vw, 88px);
  line-height: 0.92;
  font-weight: 950;
  letter-spacing: 0;
}

.explore-hero__text {
  max-width: 660px;
  margin: 24px 0 0;
  color: var(--pose-dusk-blue);
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.7;
  font-weight: 720;
}

.explore-search {
  margin-top: clamp(24px, 4vw, 38px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: end;
}

.explore-search__field {
  display: grid;
  gap: 8px;
}

.explore-search__field span {
  color: var(--pose-prussian-blue);
  font-size: 12px;
  font-weight: 950;
}

.explore-search input {
  min-height: 58px;
  width: 100%;
  border: 1px solid rgba(13, 27, 42, 0.12);
  border-radius: 18px;
  padding: 0 18px;
  color: var(--pose-ink-black);
  background: rgba(255, 255, 255, 0.64);
  box-shadow: inset 6px 6px 16px rgba(13, 27, 42, 0.06), inset -6px -6px 16px rgba(255, 255, 255, 0.85);
  font: inherit;
  font-size: 15px;
  font-weight: 850;
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.explore-search input:focus {
  border-color: rgba(81, 114, 175, 0.55);
  background: white;
  box-shadow: inset 4px 4px 12px rgba(13, 27, 42, 0.04), 0 0 0 5px var(--pose-focus);
}

.explore-button {
  min-height: 50px;
  border: 1px solid rgba(13, 27, 42, 0.11);
  border-radius: 16px;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--pose-ink-black);
  background: rgba(255, 255, 255, 0.62);
  box-shadow: 8px 8px 20px rgba(13, 27, 42, 0.1), -8px -8px 20px rgba(255, 255, 255, 0.68);
  text-decoration: none;
  font-size: 13px;
  font-weight: 950;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.explore-button:hover {
  transform: translateY(-2px);
  background: white;
  box-shadow: 12px 16px 28px rgba(13, 27, 42, 0.14), -8px -8px 18px rgba(255, 255, 255, 0.7);
}

.explore-button--primary {
  color: white;
  border-color: rgba(27, 38, 59, 0.2);
  background: linear-gradient(135deg, var(--pose-prussian-blue), var(--pose-dusk-blue));
}

.explore-button--primary:hover {
  background: linear-gradient(135deg, var(--pose-ink-black), var(--pose-dusk-blue-600));
}

.explore-button--ghost {
  color: var(--pose-prussian-blue);
}

.explore-button.is-disabled {
  opacity: 0.48;
  pointer-events: none;
}

.explore-hero__panel {
  position: relative;
  overflow: hidden;
  min-height: 430px;
  border-radius: 34px;
  padding: 28px;
  display: grid;
  align-content: end;
  gap: 14px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.52), rgba(197, 208, 228, 0.52)),
    rgba(249, 249, 248, 0.46);
}

.explore-orbit {
  position: absolute;
  border-radius: 50%;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.95), rgba(119, 141, 169, 0.32));
  box-shadow: 16px 18px 34px rgba(13, 27, 42, 0.16), inset -8px -8px 22px rgba(65, 90, 119, 0.12);
}

.explore-orbit--one {
  width: 190px;
  height: 190px;
  top: 44px;
  right: -48px;
}

.explore-orbit--two {
  width: 96px;
  height: 96px;
  top: 126px;
  left: 42px;
}

.explore-stat,
.explore-hero__note {
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.74);
  border-radius: 24px;
  padding: 22px;
  background: rgba(255, 255, 255, 0.45);
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.72);
}

.explore-stat span {
  display: block;
  color: var(--pose-ink-black);
  font-size: 38px;
  line-height: 1;
  font-weight: 950;
}

.explore-stat small,
.explore-hero__note strong {
  display: block;
  margin-top: 6px;
  color: var(--pose-dusk-blue);
  font-size: 13px;
  line-height: 1.45;
  font-weight: 850;
}

.explore-stat--soft span {
  font-size: 24px;
}

.explore-script {
  color: var(--pose-dusk-blue);
  font-family: "Kalam", cursive;
  font-size: 21px;
  line-height: 1;
}

.explore-filters,
.explore-results {
  margin-top: 22px;
  border-radius: 30px;
  padding: clamp(20px, 3vw, 32px);
}

.explore-section-head {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: end;
  margin-bottom: 18px;
}

.explore-section-head h2 {
  margin: 0;
  color: var(--pose-ink-black);
  font-size: clamp(24px, 4vw, 42px);
  line-height: 1.02;
  font-weight: 950;
}

.explore-section-head > span {
  color: var(--pose-dusk-blue);
  font-size: 13px;
  font-weight: 950;
  white-space: nowrap;
}

.explore-chip-row {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding: 4px 4px 12px;
  scrollbar-width: thin;
}

.explore-chip {
  min-width: max-content;
  border: 1px solid rgba(13, 27, 42, 0.1);
  border-radius: 999px;
  padding: 10px 15px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--pose-prussian-blue);
  background: rgba(255, 255, 255, 0.52);
  box-shadow: 6px 7px 16px rgba(13, 27, 42, 0.08), -6px -6px 16px rgba(255, 255, 255, 0.64);
  text-decoration: none;
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.explore-chip:hover {
  transform: translateY(-2px);
  background: white;
}

.explore-chip.is-active {
  color: white;
  background: var(--pose-prussian-blue);
}

.explore-chip span {
  font-size: 13px;
  font-weight: 950;
}

.explore-chip small {
  color: inherit;
  opacity: 0.72;
  font-size: 11px;
  font-weight: 850;
}

.explore-featured {
  margin-top: 22px;
  display: grid;
  grid-template-columns: 1.2fr 0.8fr 0.8fr;
  gap: 14px;
}

.explore-featured-card {
  min-height: 184px;
  border-radius: 28px;
  padding: 22px;
  display: grid;
  align-content: end;
  color: var(--pose-ink-black);
  text-decoration: none;
  background:
    radial-gradient(circle at 88% 10%, rgba(255, 255, 255, 0.86), transparent 22%),
    linear-gradient(145deg, rgba(197, 208, 228, 0.72), rgba(249, 249, 248, 0.7));
  box-shadow: 14px 16px 34px rgba(13, 27, 42, 0.11), -10px -10px 22px rgba(255, 255, 255, 0.62);
  overflow: hidden;
  position: relative;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.explore-featured-card::before {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  right: -44px;
  top: -38px;
  border-radius: 50%;
  background: rgba(116, 163, 212, 0.28);
}

.explore-featured-card:hover {
  transform: translateY(-4px);
  box-shadow: 18px 22px 40px rgba(13, 27, 42, 0.16), -10px -10px 22px rgba(255, 255, 255, 0.64);
}

.explore-featured-card--1 {
  min-height: 232px;
  background:
    radial-gradient(circle at 86% 12%, rgba(224, 225, 221, 0.86), transparent 25%),
    linear-gradient(135deg, rgba(186, 209, 234, 0.82), rgba(249, 249, 248, 0.76));
}

.explore-featured-card__eyebrow {
  position: relative;
  color: var(--pose-dusk-blue);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.explore-featured-card strong {
  position: relative;
  max-width: 420px;
  margin-top: 8px;
  font-size: clamp(21px, 3vw, 34px);
  line-height: 1.02;
  font-weight: 950;
}

.explore-featured-card small {
  position: relative;
  margin-top: 12px;
  color: var(--pose-dusk-blue);
  font-size: 12px;
  font-weight: 950;
}

.explore-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.explore-card {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 26px;
  color: var(--pose-ink-black);
  background: rgba(255, 255, 255, 0.48);
  box-shadow: 10px 13px 28px rgba(13, 27, 42, 0.1), -8px -8px 18px rgba(255, 255, 255, 0.56);
  text-decoration: none;
  transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
}

.explore-card:hover {
  transform: translateY(-5px);
  background: rgba(255, 255, 255, 0.68);
  box-shadow: 16px 22px 38px rgba(13, 27, 42, 0.15), -8px -8px 18px rgba(255, 255, 255, 0.62);
}

.explore-card__media {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: linear-gradient(145deg, var(--pose-dusty-denim-900), var(--pose-alabaster-grey-800));
}

.explore-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.01);
  transition: transform 0.5s ease, filter 0.5s ease;
}

.explore-card:hover .explore-card__media img {
  transform: scale(1.07);
  filter: saturate(1.06) contrast(1.02);
}

.explore-card__fallback {
  height: 100%;
  display: grid;
  place-items: center;
  text-align: center;
}

.explore-card__fallback strong {
  color: rgba(13, 27, 42, 0.16);
  font-size: 92px;
  line-height: 0.9;
  font-weight: 950;
}

.explore-card__badge {
  position: absolute;
  top: 12px;
  left: 12px;
  border: 1px solid rgba(255, 255, 255, 0.52);
  border-radius: 999px;
  padding: 7px 10px;
  color: white;
  background: rgba(13, 27, 42, 0.72);
  backdrop-filter: blur(14px);
  font-size: 11px;
  font-weight: 950;
}

.explore-card__body {
  padding: 16px;
}

.explore-card__meta {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: var(--pose-dusk-blue);
  font-size: 11px;
  font-weight: 950;
}

.explore-card h3 {
  margin: 10px 0 0;
  color: var(--pose-ink-black);
  font-size: 18px;
  line-height: 1.12;
  font-weight: 950;
}

.explore-card p {
  margin: 9px 0 0;
  color: var(--pose-dusk-blue);
  font-size: 13px;
  line-height: 1.55;
  font-weight: 720;
}

.explore-card__tags {
  min-height: 28px;
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.explore-card__tags span {
  border: 1px solid rgba(13, 27, 42, 0.08);
  border-radius: 999px;
  padding: 6px 9px;
  color: var(--pose-prussian-blue);
  background: rgba(255, 255, 255, 0.58);
  font-size: 11px;
  font-weight: 900;
}

.explore-empty {
  padding: clamp(28px, 5vw, 54px);
  border-radius: 28px;
  text-align: center;
}

.explore-empty h3 {
  margin: 8px 0 0;
  color: var(--pose-ink-black);
  font-size: clamp(26px, 4vw, 42px);
  font-weight: 950;
}

.explore-empty p {
  margin: 12px auto 22px;
  max-width: 420px;
  color: var(--pose-dusk-blue);
  font-weight: 760;
  line-height: 1.6;
}

.explore-pager {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.explore-pager > span {
  color: var(--pose-dusk-blue);
  font-size: 13px;
  font-weight: 950;
}

@media (max-width: 1060px) {
  .explore-hero,
  .explore-featured {
    grid-template-columns: 1fr;
  }

  .explore-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .explore-hero__panel {
    min-height: 320px;
  }
}

@media (max-width: 780px) {
  .explore-shell {
    width: min(100% - 28px, 1220px);
    padding-top: 26px;
  }

  .explore-hero__copy,
  .explore-hero__panel,
  .explore-filters,
  .explore-results {
    border-radius: 24px;
  }

  .explore-search {
    grid-template-columns: 1fr;
  }

  .explore-button {
    width: 100%;
  }

  .explore-section-head {
    display: block;
  }

  .explore-section-head > span {
    display: block;
    margin-top: 8px;
  }

  .explore-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .explore-pager {
    display: grid;
    grid-template-columns: 1fr;
    text-align: center;
  }
}

@media (max-width: 540px) {
  .explore-hero h1 {
    font-size: 42px;
  }

  .explore-grid {
    grid-template-columns: 1fr;
  }

  .explore-card__media {
    aspect-ratio: 16 / 11;
  }
}

body,
button,
input,
select,
textarea {
  font-family: "Manrope", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.explore-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 18% 0%, rgba(186, 209, 234, 0.72), transparent 28%),
    radial-gradient(circle at 88% 10%, rgba(213, 222, 232, 0.74), transparent 30%),
    linear-gradient(180deg, var(--pose-alabaster-grey-900) 0%, var(--pose-alabaster-grey-800) 48%, var(--pose-dusty-denim-900) 100%);
}

.explore-shell {
  width: min(1340px, calc(100% - 44px));
  padding: clamp(22px, 3vw, 42px) 0 clamp(58px, 7vw, 92px);
}

.explore-hero {
  grid-template-columns: minmax(0, 1fr) minmax(220px, 310px);
  gap: clamp(18px, 3vw, 34px);
  align-items: end;
  padding-bottom: clamp(18px, 3vw, 34px);
  border-bottom: 1px solid rgba(13, 27, 42, 0.1);
}

.explore-hero__copy {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

.explore-hero h1 {
  max-width: 880px;
  font-size: clamp(36px, 5vw, 68px);
  line-height: 0.96;
}

.explore-hero__text {
  max-width: 780px;
  margin-top: 16px;
  font-size: clamp(15px, 1.6vw, 18px);
  line-height: 1.6;
}

.explore-hero__aside {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 24px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.34);
  box-shadow:
    10px 12px 26px rgba(13, 27, 42, 0.09),
    inset 1px 1px 0 rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(18px);
}

.explore-hero__aside::after {
  content: "";
  position: absolute;
  width: 116px;
  height: 116px;
  right: -42px;
  top: -44px;
  border-radius: 50%;
  background: rgba(116, 163, 212, 0.26);
}

.explore-hero__aside strong {
  position: relative;
  display: block;
  margin-top: 8px;
  color: var(--pose-ink-black);
  font-size: 30px;
  line-height: 1;
  font-weight: 950;
}

.explore-hero__aside small {
  position: relative;
  display: block;
  margin-top: 9px;
  color: var(--pose-dusk-blue);
  font-size: 12px;
  font-weight: 900;
}

.explore-script {
  font-family: "Kalam", cursive;
  font-weight: 700;
}

.explore-discovery {
  margin-top: clamp(18px, 3vw, 32px);
}

.explore-toolbar {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto auto;
  gap: 12px;
  align-items: end;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.4);
  box-shadow:
    9px 10px 24px rgba(13, 27, 42, 0.08),
    inset 1px 1px 0 rgba(255, 255, 255, 0.74);
  backdrop-filter: blur(16px);
}

.explore-search__field span {
  padding-left: 4px;
}

.explore-search input {
  min-height: 50px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.68);
}

.explore-button {
  min-height: 48px;
  box-shadow: 7px 8px 16px rgba(13, 27, 42, 0.08), -6px -6px 14px rgba(255, 255, 255, 0.55);
}

.explore-button.is-muted {
  opacity: 0.55;
}

.explore-moodbar {
  margin-top: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(13, 27, 42, 0.09);
}

.explore-moodbar__head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  margin-bottom: 10px;
}

.explore-moodbar__head .explore-kicker {
  margin: 0;
}

.explore-moodbar__head span {
  color: var(--pose-dusk-blue);
  font-size: 12px;
  font-weight: 900;
}

.explore-chip-row {
  padding-bottom: 8px;
}

.explore-chip {
  box-shadow: none;
  background: rgba(255, 255, 255, 0.36);
}

.explore-chip small {
  display: none;
}

.explore-loading {
  width: max-content;
  margin: 16px 0 4px;
  border: 1px solid rgba(13, 27, 42, 0.09);
  border-radius: 999px;
  padding: 9px 13px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--pose-dusk-blue);
  background: rgba(255, 255, 255, 0.58);
  font-size: 12px;
  font-weight: 900;
}

.explore-loading span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--pose-dusk-blue);
  animation: explorePulse 0.86s ease-in-out infinite alternate;
}

@keyframes explorePulse {
  from {
    transform: scale(0.72);
    opacity: 0.45;
  }
  to {
    transform: scale(1.16);
    opacity: 1;
  }
}

.explore-results {
  margin-top: clamp(20px, 3vw, 34px);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.explore-page.is-loading .explore-results {
  opacity: 0.52;
  transform: translateY(4px);
}

.explore-feed-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}

.explore-feed-head h2 {
  margin: 0;
  color: var(--pose-ink-black);
  font-size: clamp(25px, 3vw, 40px);
  line-height: 1.03;
  font-weight: 950;
}

.explore-feed-head > span {
  color: var(--pose-dusk-blue);
  font-size: 13px;
  font-weight: 950;
  white-space: nowrap;
}

.explore-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-flow: dense;
  gap: 18px;
}

.explore-card {
  grid-column: span 3;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.5);
}

.explore-card:nth-child(1),
.explore-card:nth-child(8n + 6) {
  grid-column: span 6;
}

.explore-card:nth-child(4n + 3) {
  grid-column: span 4;
}

.explore-card:nth-child(1) .explore-card__media,
.explore-card:nth-child(8n + 6) .explore-card__media {
  aspect-ratio: 16 / 10;
}

.explore-card__media {
  aspect-ratio: 4 / 3.35;
}

.explore-card__body {
  padding: 14px 15px 16px;
}

.explore-card h3 {
  font-size: 17px;
}

.explore-card p {
  font-size: 12px;
}

.explore-empty {
  max-width: 620px;
  margin: 16px auto 0;
  border-radius: 24px;
  padding: clamp(24px, 4vw, 38px);
}

@media (max-width: 1120px) {
  .explore-card,
  .explore-card:nth-child(4n + 3) {
    grid-column: span 4;
  }

  .explore-card:nth-child(1),
  .explore-card:nth-child(8n + 6) {
    grid-column: span 6;
  }
}

@media (max-width: 820px) {
  .explore-shell {
    width: min(100% - 28px, 1340px);
  }

  .explore-hero {
    grid-template-columns: 1fr;
  }

  .explore-hero__aside {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
  }

  .explore-hero__aside strong,
  .explore-hero__aside small {
    margin-top: 0;
  }

  .explore-toolbar {
    grid-template-columns: 1fr;
  }

  .explore-button {
    width: 100%;
  }

  .explore-grid {
    gap: 14px;
  }

  .explore-card,
  .explore-card:nth-child(1),
  .explore-card:nth-child(4n + 3),
  .explore-card:nth-child(8n + 6) {
    grid-column: span 6;
  }
}

@media (max-width: 560px) {
  .explore-hero h1 {
    font-size: 36px;
  }

  .explore-hero__aside,
  .explore-feed-head,
  .explore-moodbar__head {
    display: block;
  }

  .explore-feed-head > span,
  .explore-moodbar__head span {
    display: block;
    margin-top: 8px;
  }

  .explore-card,
  .explore-card:nth-child(1),
  .explore-card:nth-child(4n + 3),
  .explore-card:nth-child(8n + 6) {
    grid-column: span 12;
  }
}

.pose-detail {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  background:
    radial-gradient(circle at 12% 3%, rgba(186, 209, 234, 0.82), transparent 29%),
    radial-gradient(circle at 88% 7%, rgba(213, 222, 232, 0.78), transparent 31%),
    linear-gradient(180deg, var(--pose-alabaster-grey-900), var(--pose-alabaster-grey-800) 54%, var(--pose-dusty-denim-900));
}

.pose-detail__aurora {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 36% 26%, rgba(116, 163, 212, 0.24), transparent 22%),
    radial-gradient(circle at 72% 56%, rgba(139, 161, 202, 0.28), transparent 28%);
  filter: blur(10px);
}

.pose-detail__shell {
  position: relative;
  width: min(1320px, calc(100% - 44px));
  margin: 0 auto;
  padding: clamp(22px, 3vw, 42px) 0 clamp(64px, 8vw, 108px);
}

.pose-detail__back {
  display: inline-flex;
  margin-bottom: 18px;
  color: var(--pose-dusk-blue);
  text-decoration: none;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.pose-detail__hero {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(340px, 0.72fr);
  gap: clamp(18px, 3vw, 34px);
  align-items: stretch;
}

.pose-detail__media {
  min-height: clamp(420px, 58vw, 720px);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 34px;
  background: rgba(255, 255, 255, 0.38);
  box-shadow:
    18px 22px 46px rgba(13, 27, 42, 0.14),
    -12px -12px 28px rgba(255, 255, 255, 0.58);
}

.pose-detail__media img {
  width: 100%;
  height: 100%;
  min-height: inherit;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.pose-detail__media:hover img {
  transform: scale(1.025);
}

.pose-detail__fallback {
  min-height: inherit;
  display: grid;
  place-items: center;
  padding: 40px;
  text-align: center;
}

.pose-detail__fallback strong {
  display: block;
  margin-top: 8px;
  color: var(--pose-ink-black);
  font-size: clamp(34px, 6vw, 78px);
  line-height: 0.98;
  font-weight: 950;
}

.pose-detail__intro,
.pose-detail__panel {
  border: 1px solid rgba(255, 255, 255, 0.72);
  background: rgba(255, 255, 255, 0.44);
  box-shadow:
    12px 15px 34px rgba(13, 27, 42, 0.1),
    inset 1px 1px 0 rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(18px);
}

.pose-detail__intro {
  border-radius: 34px;
  padding: clamp(24px, 4vw, 42px);
  display: flex;
  flex-direction: column;
}

.pose-detail__kicker {
  margin: 0 0 10px;
  color: var(--pose-dusk-blue);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

.pose-detail__intro h1 {
  margin: 0;
  color: var(--pose-ink-black);
  font-size: clamp(38px, 5.4vw, 72px);
  line-height: 0.95;
  font-weight: 950;
}

.pose-detail__summary {
  margin: 18px 0 0;
  color: var(--pose-dusk-blue);
  font-size: 16px;
  line-height: 1.68;
  font-weight: 740;
}

.pose-detail__actions {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.pose-detail__button,
.pose-detail__prompt button {
  min-height: 48px;
  border: 1px solid rgba(13, 27, 42, 0.1);
  border-radius: 16px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: var(--pose-ink-black);
  background: rgba(255, 255, 255, 0.58);
  box-shadow: 7px 8px 18px rgba(13, 27, 42, 0.08), -6px -6px 15px rgba(255, 255, 255, 0.58);
  font: inherit;
  font-size: 13px;
  font-weight: 950;
  text-decoration: none;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.pose-detail__button:hover,
.pose-detail__prompt button:hover {
  transform: translateY(-2px);
  background: white;
  box-shadow: 12px 15px 26px rgba(13, 27, 42, 0.12), -6px -6px 15px rgba(255, 255, 255, 0.62);
}

.pose-detail__button--primary {
  color: white;
  border-color: rgba(27, 38, 59, 0.22);
  background: linear-gradient(135deg, var(--pose-prussian-blue), var(--pose-dusk-blue));
}

.pose-detail__metrics {
  margin-top: auto;
  padding-top: 28px;
  display: grid;
  gap: 10px;
}

.pose-detail__metrics div,
.pose-detail__glance div {
  border: 1px solid rgba(255, 255, 255, 0.68);
  border-radius: 20px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.36);
}

.pose-detail__metrics strong,
.pose-detail__glance strong {
  display: block;
  color: var(--pose-ink-black);
  font-size: 23px;
  line-height: 1;
  font-weight: 950;
}

.pose-detail__metrics span,
.pose-detail__glance span,
.pose-detail__exif dt {
  display: block;
  margin-top: 7px;
  color: var(--pose-dusk-blue);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.pose-detail__body {
  margin-top: 24px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 380px);
  gap: 22px;
  align-items: start;
}

.pose-detail__main,
.pose-detail__side {
  display: grid;
  gap: 18px;
}

.pose-detail__side {
  position: sticky;
  top: 156px;
}

.pose-detail__panel {
  border-radius: 28px;
  padding: clamp(20px, 3vw, 30px);
}

.pose-detail__panel-head {
  margin-bottom: 16px;
}

.pose-detail__panel-head h2 {
  margin: 0;
  color: var(--pose-ink-black);
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.04;
  font-weight: 950;
}

.pose-detail__glance {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.pose-detail__copy {
  color: var(--pose-dusk-blue);
  font-size: 16px;
  line-height: 1.72;
  font-weight: 730;
  white-space: pre-wrap;
}

.pose-detail__prompt {
  margin-top: 18px;
  border: 1px solid rgba(13, 27, 42, 0.08);
  border-radius: 22px;
  padding: 18px;
  background: rgba(255, 255, 255, 0.5);
}

.pose-detail__prompt > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.pose-detail__prompt button {
  min-height: 38px;
  padding: 0 13px;
}

.pose-detail__prompt p {
  margin: 12px 0 0;
  color: var(--pose-prussian-blue);
  font-size: 14px;
  line-height: 1.65;
  font-weight: 760;
  white-space: pre-wrap;
}

.pose-detail__script {
  color: var(--pose-dusk-blue);
  font-family: "Kalam", cursive;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
}

.pose-detail__exif dl {
  margin: 0;
  display: grid;
  gap: 10px;
}

.pose-detail__exif dl div {
  border-bottom: 1px solid rgba(13, 27, 42, 0.08);
  padding-bottom: 10px;
}

.pose-detail__exif dl div:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.pose-detail__exif dt {
  margin: 0 0 5px;
}

.pose-detail__exif dd {
  margin: 0;
  color: var(--pose-ink-black);
  font-size: 15px;
  font-weight: 850;
}

.pose-detail__muted {
  margin: 0;
  color: var(--pose-dusk-blue);
  font-size: 14px;
  line-height: 1.55;
  font-weight: 740;
}

.pose-detail__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.pose-detail__tags a {
  border: 1px solid rgba(13, 27, 42, 0.09);
  border-radius: 999px;
  padding: 8px 11px;
  color: var(--pose-prussian-blue);
  background: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  font-size: 12px;
  font-weight: 900;
}

.pose-detail__gallery {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.pose-detail__gallery button {
  overflow: hidden;
  border: 2px solid transparent;
  border-radius: 18px;
  padding: 0;
  aspect-ratio: 1;
  background: transparent;
  cursor: pointer;
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.pose-detail__gallery button:hover,
.pose-detail__gallery button.is-active {
  transform: translateY(-3px);
  border-color: var(--pose-dusk-blue);
}

.pose-detail__gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.pose-detail__related {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid rgba(13, 27, 42, 0.1);
}

.pose-detail__related-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.pose-detail__related-grid a {
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 24px;
  color: var(--pose-ink-black);
  background: rgba(255, 255, 255, 0.46);
  box-shadow: 10px 13px 28px rgba(13, 27, 42, 0.1), -8px -8px 18px rgba(255, 255, 255, 0.56);
  text-decoration: none;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.pose-detail__related-grid a:hover {
  transform: translateY(-4px);
  box-shadow: 15px 20px 34px rgba(13, 27, 42, 0.15), -8px -8px 18px rgba(255, 255, 255, 0.6);
}

.pose-detail__related-grid img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
}

.pose-detail__related-grid span,
.pose-detail__related-grid strong {
  display: block;
  padding: 0 14px;
}

.pose-detail__related-grid span {
  margin-top: 13px;
  color: var(--pose-dusk-blue);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.pose-detail__related-grid strong {
  padding-bottom: 16px;
  margin-top: 6px;
  font-size: 16px;
  line-height: 1.18;
  font-weight: 950;
}

@media (max-width: 1060px) {
  .pose-detail__hero,
  .pose-detail__body {
    grid-template-columns: 1fr;
  }

  .pose-detail__side {
    position: relative;
    top: auto;
  }

  .pose-detail__media {
    min-height: 520px;
  }

  .pose-detail__related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .pose-detail__shell {
    width: min(100% - 28px, 1320px);
  }

  .pose-detail__media {
    min-height: 390px;
    border-radius: 26px;
  }

  .pose-detail__intro,
  .pose-detail__panel {
    border-radius: 24px;
  }

  .pose-detail__glance,
  .pose-detail__gallery,
  .pose-detail__related-grid {
    grid-template-columns: 1fr;
  }

  .pose-detail__actions,
  .pose-detail__actions form,
  .pose-detail__button {
    width: 100%;
  }
}

.pose-detail__shell {
  width: min(1380px, calc(100% - 44px));
  padding-top: clamp(18px, 2.5vw, 34px);
}

.pose-detail__back {
  margin-bottom: 14px;
}

.pose-detail__hero {
  display: block;
}

.pose-detail__media {
  position: relative;
  min-height: clamp(560px, 68vw, 780px);
  border-radius: 38px;
}

.pose-detail__media::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(13, 27, 42, 0.02) 28%, rgba(13, 27, 42, 0.64) 100%),
    radial-gradient(circle at 15% 82%, rgba(13, 27, 42, 0.34), transparent 36%);
}

.pose-detail__hero-card {
  position: absolute;
  left: clamp(18px, 4vw, 46px);
  right: clamp(18px, 4vw, 46px);
  bottom: clamp(18px, 4vw, 44px);
  z-index: 2;
  max-width: 1040px;
  color: white;
}

.pose-detail__hero-top {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 24px;
}

.pose-detail__hero-card .pose-detail__kicker,
.pose-detail__hero-card .pose-detail__summary {
  color: rgba(255, 255, 255, 0.82);
}

.pose-detail__hero-card h1 {
  max-width: 820px;
  margin: 0;
  color: white;
  font-size: clamp(42px, 7.6vw, 112px);
  line-height: 0.88;
  font-weight: 950;
  letter-spacing: 0;
}

.pose-detail__hero-card .pose-detail__summary {
  max-width: 720px;
  margin-top: 18px;
  font-size: clamp(15px, 1.5vw, 19px);
  line-height: 1.62;
  font-weight: 760;
}

.pose-detail__actions {
  margin-top: 0;
  flex-shrink: 0;
}

.pose-detail__button,
.pose-detail__prompt button {
  min-height: 46px;
  border-color: rgba(255, 255, 255, 0.26);
  background: rgba(255, 255, 255, 0.22);
  color: white;
  box-shadow: 0 14px 28px rgba(13, 27, 42, 0.18);
  backdrop-filter: blur(16px);
}

.pose-detail__button--primary {
  background: rgba(255, 255, 255, 0.9);
  color: var(--pose-ink-black);
}

.pose-detail__button--icon span:first-child,
.pose-detail__button--primary span:first-child {
  font-size: 18px;
  line-height: 1;
}

.pose-detail__hero-meta {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.pose-detail__hero-meta span {
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  padding: 8px 11px;
  color: rgba(255, 255, 255, 0.88);
  background: rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(14px);
  font-size: 12px;
  font-weight: 900;
}

.pose-detail__glance-strip {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid rgba(13, 27, 42, 0.08);
  border-radius: 24px;
  background: rgba(13, 27, 42, 0.08);
  box-shadow: 0 18px 40px rgba(13, 27, 42, 0.08);
}

.pose-detail__glance-strip div {
  min-height: 86px;
  padding: 16px;
  background: rgba(255, 255, 255, 0.46);
  backdrop-filter: blur(18px);
}

.pose-detail__glance-strip span,
.pose-detail__exif dt {
  display: block;
  color: var(--pose-dusk-blue);
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.pose-detail__glance-strip strong {
  display: block;
  margin-top: 8px;
  color: var(--pose-ink-black);
  font-size: clamp(15px, 1.35vw, 19px);
  line-height: 1.08;
  font-weight: 950;
}

.pose-detail__body {
  margin-top: clamp(32px, 5vw, 62px);
  grid-template-columns: minmax(0, 1fr) minmax(310px, 420px);
  gap: clamp(28px, 4vw, 52px);
}

.pose-detail__main,
.pose-detail__side {
  gap: clamp(24px, 4vw, 42px);
}

.pose-detail__side {
  top: 148px;
}

.pose-detail__section {
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

.pose-detail__panel-head {
  margin-bottom: 18px;
}

.pose-detail__panel-head h2 {
  font-size: clamp(30px, 4vw, 54px);
  line-height: 0.96;
}

.pose-detail__copy {
  max-width: 820px;
  color: var(--pose-prussian-blue);
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.58;
  font-weight: 760;
}

.pose-detail__prompt {
  max-width: 860px;
  margin-top: 24px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.42);
  box-shadow: 10px 12px 28px rgba(13, 27, 42, 0.08), inset 1px 1px 0 rgba(255, 255, 255, 0.76);
  backdrop-filter: blur(18px);
}

.pose-detail__prompt button {
  color: var(--pose-ink-black);
  background: rgba(255, 255, 255, 0.68);
}

.pose-detail__exif {
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 28px;
  padding: 22px;
  background: rgba(255, 255, 255, 0.44);
  box-shadow: 12px 15px 34px rgba(13, 27, 42, 0.1), inset 1px 1px 0 rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(18px);
}

.pose-detail__exif .pose-detail__panel-head h2 {
  font-size: 28px;
}

.pose-detail__exif dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.pose-detail__exif dl div {
  border: 1px solid rgba(13, 27, 42, 0.08);
  border-radius: 16px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.38);
}

.pose-detail__exif dd {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.25;
}

.pose-detail__tag-section {
  padding-top: 12px;
}

.pose-detail__gallery {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.pose-detail__gallery button {
  aspect-ratio: 4 / 5;
  border-radius: 22px;
  box-shadow: 10px 14px 28px rgba(13, 27, 42, 0.11);
}

.pose-detail__related {
  margin-top: clamp(42px, 7vw, 86px);
  padding-top: clamp(26px, 4vw, 48px);
}

.pose-detail__related-grid {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px;
}

.pose-detail__related-grid a {
  grid-column: span 3;
  border-radius: 26px;
}

.pose-detail__related-grid a:first-child {
  grid-column: span 6;
}

.pose-detail__related-grid a:first-child img {
  aspect-ratio: 16 / 9;
}

.pose-detail__related-grid img {
  aspect-ratio: 4 / 3.2;
}

@media (max-width: 1120px) {
  .pose-detail__glance-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .pose-detail__body {
    grid-template-columns: 1fr;
  }

  .pose-detail__side {
    position: relative;
    top: auto;
  }

  .pose-detail__related-grid a,
  .pose-detail__related-grid a:first-child {
    grid-column: span 6;
  }
}

@media (max-width: 760px) {
  .pose-detail__shell {
    width: min(100% - 28px, 1380px);
  }

  .pose-detail__media {
    min-height: 560px;
    border-radius: 28px;
  }

  .pose-detail__hero-card {
    left: 16px;
    right: 16px;
    bottom: 16px;
  }

  .pose-detail__hero-top {
    display: block;
  }

  .pose-detail__hero-card h1 {
    font-size: clamp(42px, 13vw, 66px);
  }

  .pose-detail__actions {
    margin-top: 18px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .pose-detail__actions form,
  .pose-detail__button {
    width: 100%;
  }

  .pose-detail__glance-strip,
  .pose-detail__exif dl {
    grid-template-columns: 1fr 1fr;
  }

  .pose-detail__gallery {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .pose-detail__related-grid a,
  .pose-detail__related-grid a:first-child {
    grid-column: span 12;
  }
}

@media (max-width: 480px) {
  .pose-detail__media {
    min-height: 520px;
  }

  .pose-detail__hero-meta {
    gap: 6px;
  }

  .pose-detail__glance-strip,
  .pose-detail__exif dl {
    grid-template-columns: 1fr;
  }
}

.blog-page,
.blog-article {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  background:
    radial-gradient(circle at 14% 0%, rgba(186, 209, 234, 0.72), transparent 28%),
    radial-gradient(circle at 86% 8%, rgba(213, 222, 232, 0.72), transparent 30%),
    linear-gradient(180deg, var(--pose-alabaster-grey-900), var(--pose-alabaster-grey-800) 54%, var(--pose-dusty-denim-900));
}

.blog-aurora {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 38% 22%, rgba(116, 163, 212, 0.22), transparent 24%),
    radial-gradient(circle at 74% 60%, rgba(139, 161, 202, 0.28), transparent 30%);
  filter: blur(10px);
}

.blog-shell,
.blog-article__shell {
  position: relative;
  width: min(1320px, calc(100% - 44px));
  margin: 0 auto;
  padding: clamp(26px, 4vw, 54px) 0 clamp(64px, 8vw, 108px);
}

.blog-kicker {
  margin: 0 0 10px;
  color: var(--pose-dusk-blue);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.blog-script {
  color: var(--pose-dusk-blue);
  font-family: "Kalam", cursive;
  font-size: 22px;
  font-weight: 700;
}

.blog-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
  gap: clamp(20px, 4vw, 48px);
  align-items: end;
  padding-bottom: clamp(20px, 3vw, 34px);
  border-bottom: 1px solid rgba(13, 27, 42, 0.1);
}

.blog-hero h1 {
  max-width: 900px;
  margin: 0;
  color: var(--pose-ink-black);
  font-size: clamp(38px, 5.4vw, 76px);
  line-height: 0.94;
  font-weight: 950;
}

.blog-hero p:not(.blog-kicker) {
  max-width: 760px;
  margin: 17px 0 0;
  color: var(--pose-dusk-blue);
  font-size: clamp(15px, 1.6vw, 19px);
  line-height: 1.64;
  font-weight: 740;
}

.blog-hero aside,
.blog-featured,
.blog-toolbar,
.blog-empty,
.blog-article__side,
.blog-article__media {
  border: 1px solid rgba(255, 255, 255, 0.72);
  background: rgba(255, 255, 255, 0.42);
  box-shadow: 12px 15px 34px rgba(13, 27, 42, 0.1), inset 1px 1px 0 rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(18px);
}

.blog-hero aside {
  border-radius: 26px;
  padding: 22px;
}

.blog-hero aside strong {
  display: block;
  margin-top: 8px;
  color: var(--pose-ink-black);
  font-size: 32px;
  line-height: 1;
  font-weight: 950;
}

.blog-hero aside small {
  display: block;
  margin-top: 8px;
  color: var(--pose-dusk-blue);
  font-size: 13px;
  font-weight: 850;
}

.blog-featured {
  margin-top: 24px;
  overflow: hidden;
  border-radius: 34px;
  display: grid;
  grid-template-columns: minmax(0, 0.94fr) minmax(340px, 0.72fr);
  color: var(--pose-ink-black);
  text-decoration: none;
}

.blog-featured--no-media {
  grid-template-columns: minmax(0, 0.42fr) minmax(0, 1fr);
}

.blog-featured--no-media .blog-featured__media {
  min-height: 260px;
}

.blog-featured__media {
  min-height: 360px;
  background: linear-gradient(145deg, var(--pose-dusty-denim-900), var(--pose-alabaster-grey-800));
}

.blog-featured__media img,
.blog-card__media img,
.blog-article__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.blog-featured:hover img,
.blog-card:hover img {
  transform: scale(1.04);
}

.blog-featured__fallback,
.blog-card__fallback {
  min-height: inherit;
  height: 100%;
  display: grid;
  place-items: center;
  text-align: center;
  background:
    radial-gradient(circle at 70% 18%, rgba(186, 209, 234, 0.8), transparent 30%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.58), rgba(197, 208, 228, 0.56));
}

.blog-card__fallback strong {
  color: rgba(13, 27, 42, 0.18);
  font-size: 86px;
  font-weight: 950;
}

.blog-featured__copy {
  padding: clamp(24px, 4vw, 44px);
  display: grid;
  align-content: center;
}

.blog-featured__copy h2 {
  margin: 0;
  color: var(--pose-ink-black);
  font-size: clamp(30px, 4vw, 54px);
  line-height: 0.98;
  font-weight: 950;
}

.blog-featured__copy p:not(.blog-kicker) {
  margin: 16px 0 0;
  color: var(--pose-dusk-blue);
  font-size: 15px;
  line-height: 1.65;
  font-weight: 730;
}

.blog-featured__copy div {
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.blog-featured__copy span,
.blog-card__foot span,
.blog-article__meta span {
  border: 1px solid rgba(13, 27, 42, 0.08);
  border-radius: 999px;
  padding: 7px 10px;
  color: var(--pose-prussian-blue);
  background: rgba(255, 255, 255, 0.5);
  font-size: 12px;
  font-weight: 900;
}

.blog-discovery {
  margin-top: 26px;
}

.blog-toolbar {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto auto;
  gap: 12px;
  align-items: end;
  border-radius: 24px;
  padding: 12px;
}

.blog-toolbar label {
  display: grid;
  gap: 8px;
}

.blog-toolbar label span {
  padding-left: 4px;
  color: var(--pose-prussian-blue);
  font-size: 12px;
  font-weight: 950;
}

.blog-toolbar input {
  min-height: 50px;
  width: 100%;
  border: 1px solid rgba(13, 27, 42, 0.12);
  border-radius: 16px;
  padding: 0 16px;
  color: var(--pose-ink-black);
  background: rgba(255, 255, 255, 0.68);
  font: inherit;
  font-size: 14px;
  font-weight: 850;
  outline: none;
}

.blog-toolbar input:focus {
  box-shadow: 0 0 0 5px var(--pose-focus);
}

.blog-button {
  min-height: 48px;
  border: 1px solid rgba(13, 27, 42, 0.1);
  border-radius: 16px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--pose-ink-black);
  background: rgba(255, 255, 255, 0.58);
  box-shadow: 7px 8px 16px rgba(13, 27, 42, 0.08), -6px -6px 14px rgba(255, 255, 255, 0.55);
  text-decoration: none;
  font-size: 13px;
  font-weight: 950;
  cursor: pointer;
}

.blog-button--primary {
  color: white;
  background: linear-gradient(135deg, var(--pose-prussian-blue), var(--pose-dusk-blue));
}

.blog-button.is-muted,
.blog-button.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.blog-filter-row {
  margin-top: 16px;
  display: flex;
  gap: 9px;
  overflow-x: auto;
  padding-bottom: 9px;
}

.blog-filter-row--wrap {
  overflow: visible;
  flex-wrap: wrap;
}

.blog-chip {
  min-width: max-content;
  border: 1px solid rgba(13, 27, 42, 0.1);
  border-radius: 999px;
  padding: 9px 13px;
  color: var(--pose-prussian-blue);
  background: rgba(255, 255, 255, 0.42);
  text-decoration: none;
  font-size: 12px;
  font-weight: 900;
}

.blog-chip.is-active {
  color: white;
  background: var(--pose-prussian-blue);
}

.blog-loading {
  width: max-content;
  margin: 14px 0 0;
  border-radius: 999px;
  padding: 9px 13px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--pose-dusk-blue);
  background: rgba(255, 255, 255, 0.58);
  font-size: 12px;
  font-weight: 900;
}

.blog-loading span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--pose-dusk-blue);
  animation: explorePulse 0.86s ease-in-out infinite alternate;
}

.blog-results {
  margin-top: 26px;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.blog-page.is-loading .blog-results {
  opacity: 0.54;
  transform: translateY(4px);
}

.blog-feed__head {
  margin-bottom: 18px;
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 18px;
}

.blog-feed__head h2 {
  margin: 0;
  color: var(--pose-ink-black);
  font-size: clamp(28px, 4vw, 50px);
  line-height: 0.98;
  font-weight: 950;
}

.blog-feed__head > span {
  color: var(--pose-dusk-blue);
  font-size: 13px;
  font-weight: 950;
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px;
}

.blog-card {
  grid-column: span 4;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 26px;
  color: var(--pose-ink-black);
  background: rgba(255, 255, 255, 0.48);
  box-shadow: 10px 13px 28px rgba(13, 27, 42, 0.1), -8px -8px 18px rgba(255, 255, 255, 0.56);
  text-decoration: none;
}

.blog-card:nth-child(1),
.blog-card:nth-child(7n + 5) {
  grid-column: span 6;
}

.blog-card__media {
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: var(--pose-alabaster-grey-800);
}

.blog-card__body {
  padding: 17px;
}

.blog-card__meta,
.blog-card__foot {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  color: var(--pose-dusk-blue);
  font-size: 11px;
  font-weight: 950;
}

.blog-card h3 {
  margin: 11px 0 0;
  color: var(--pose-ink-black);
  font-size: clamp(20px, 2.4vw, 28px);
  line-height: 1.05;
  font-weight: 950;
}

.blog-card p {
  margin: 10px 0 0;
  color: var(--pose-dusk-blue);
  font-size: 14px;
  line-height: 1.58;
  font-weight: 730;
}

.blog-card__foot {
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 14px;
}

.blog-empty {
  max-width: 620px;
  margin: 0 auto;
  border-radius: 28px;
  padding: clamp(28px, 5vw, 54px);
  text-align: center;
}

.blog-empty h3 {
  margin: 8px 0 0;
  color: var(--pose-ink-black);
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 950;
}

.blog-empty p {
  color: var(--pose-dusk-blue);
  font-weight: 760;
}

.blog-pager {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.blog-pager > span {
  color: var(--pose-dusk-blue);
  font-size: 13px;
  font-weight: 950;
}

.blog-back {
  display: inline-flex;
  margin-bottom: 18px;
  color: var(--pose-dusk-blue);
  text-decoration: none;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.blog-article__hero {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(360px, 0.8fr);
  gap: clamp(22px, 4vw, 52px);
  align-items: center;
}

.blog-article__copy h1 {
  margin: 0;
  color: var(--pose-ink-black);
  font-size: clamp(40px, 6vw, 86px);
  line-height: 0.9;
  font-weight: 950;
}

.blog-article__copy p:not(.blog-kicker) {
  max-width: 720px;
  color: var(--pose-dusk-blue);
  font-size: clamp(16px, 1.7vw, 20px);
  line-height: 1.64;
  font-weight: 750;
}

.blog-article__meta {
  margin: 20px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.blog-article__media {
  overflow: hidden;
  border-radius: 34px;
  min-height: 470px;
}

.blog-article__body {
  margin-top: clamp(34px, 5vw, 68px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: clamp(28px, 5vw, 64px);
  align-items: start;
}

.blog-article__content {
  color: var(--pose-prussian-blue);
  font-size: clamp(18px, 1.7vw, 21px);
  line-height: 1.86;
  font-weight: 650;
}

.blog-article__side {
  position: sticky;
  top: 150px;
  border-radius: 26px;
  padding: 22px;
  display: grid;
  gap: 24px;
}

.blog-article__side p:not(.blog-kicker) {
  margin: 0;
  color: var(--pose-dusk-blue);
  font-size: 14px;
  line-height: 1.6;
  font-weight: 740;
}

.blog-related {
  margin-top: clamp(44px, 7vw, 90px);
  padding-top: 32px;
  border-top: 1px solid rgba(13, 27, 42, 0.1);
}

@media (max-width: 1060px) {
  .blog-hero,
  .blog-featured,
  .blog-article__hero,
  .blog-article__body {
    grid-template-columns: 1fr;
  }

  .blog-article__side {
    position: relative;
    top: auto;
  }

  .blog-featured--no-media {
    grid-template-columns: 1fr;
  }

  .blog-featured--no-media .blog-featured__media {
    min-height: 150px;
  }

  .blog-card,
  .blog-card:nth-child(1),
  .blog-card:nth-child(7n + 5) {
    grid-column: span 6;
  }
}

@media (max-width: 720px) {
  .blog-shell,
  .blog-article__shell {
    width: min(100% - 28px, 1320px);
  }

  .blog-toolbar {
    grid-template-columns: 1fr;
  }

  .blog-button {
    width: 100%;
  }

  .blog-feed__head {
    display: block;
  }

  .blog-feed__head > span {
    display: block;
    margin-top: 8px;
  }

  .blog-card,
  .blog-card:nth-child(1),
  .blog-card:nth-child(7n + 5) {
    grid-column: span 12;
  }

  .blog-featured__media,
  .blog-article__media {
    min-height: 300px;
  }

  .blog-pager {
    display: grid;
    grid-template-columns: 1fr;
    text-align: center;
  }
}

.pose-public-header,
.pose-public-header * {
  box-sizing: border-box;
}

.pose-public-header {
  max-width: 100%;
}

.pose-dashboard-header,
.pose-dashboard-header * {
  box-sizing: border-box;
}

.pose-dashboard-header {
  position: sticky;
  top: 0;
  z-index: 80;
  border-bottom: 1px solid rgba(13, 27, 42, 0.1);
  background: rgba(247, 249, 251, 0.94);
  backdrop-filter: blur(18px);
}

.pose-dashboard-header__bar {
  width: min(1220px, calc(100% - 24px));
  min-height: 76px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
}

.pose-dashboard-header__brand,
.pose-dashboard-header__nav,
.pose-dashboard-header__account {
  display: flex;
  align-items: center;
}

.pose-dashboard-header__brand {
  gap: 10px;
  color: #101827;
  text-decoration: none;
}

.pose-dashboard-header__mark,
.pose-dashboard-header__avatar {
  display: inline-grid;
  place-items: center;
  border-radius: 8px;
  background: #116149;
  color: #ffffff;
  font-weight: 950;
}

.pose-dashboard-header__mark {
  width: 40px;
  height: 40px;
}

.pose-dashboard-header__brand strong,
.pose-dashboard-header__brand small {
  display: block;
  line-height: 1.1;
}

.pose-dashboard-header__brand strong {
  font-size: 18px;
  font-weight: 950;
}

.pose-dashboard-header__brand small {
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.pose-dashboard-header__nav {
  justify-content: center;
  gap: 6px;
  min-width: 0;
}

.pose-dashboard-header__nav > a,
.pose-dashboard-header__menu summary,
.pose-dashboard-header__public,
.pose-dashboard-header__user summary,
.pose-dashboard-header__panel a,
.pose-dashboard-header__panel button,
.pose-dashboard-header__mobile a,
.pose-dashboard-header__mobile button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: #334155;
  padding: 0 10px;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}

.pose-dashboard-header svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}

.pose-dashboard-header__nav > a:hover,
.pose-dashboard-header__nav > a.is-active,
.pose-dashboard-header__menu[open] summary,
.pose-dashboard-header__public:hover,
.pose-dashboard-header__user[open] summary,
.pose-dashboard-header__panel a:hover,
.pose-dashboard-header__panel a.is-active,
.pose-dashboard-header__panel button:hover,
.pose-dashboard-header__mobile a:hover,
.pose-dashboard-header__mobile a.is-active,
.pose-dashboard-header__mobile button:hover {
  border-color: #dce6ef;
  background: #ffffff;
  color: #116149;
  box-shadow: 0 12px 28px rgba(16, 24, 39, 0.07);
}

.pose-dashboard-header__menu,
.pose-dashboard-header__user {
  position: relative;
}

.pose-dashboard-header__menu summary,
.pose-dashboard-header__user summary {
  list-style: none;
}

.pose-dashboard-header__menu summary::-webkit-details-marker,
.pose-dashboard-header__user summary::-webkit-details-marker {
  display: none;
}

.pose-dashboard-header__panel {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  display: grid;
  gap: 5px;
  min-width: 240px;
  border: 1px solid #dce6ef;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.98);
  padding: 8px;
  box-shadow: 0 24px 58px rgba(13, 27, 42, 0.16);
}

.pose-dashboard-header__menu:not([open]) .pose-dashboard-header__panel,
.pose-dashboard-header__user:not([open]) .pose-dashboard-header__panel {
  display: none;
}

.pose-dashboard-header__panel a,
.pose-dashboard-header__panel button {
  width: 100%;
  justify-content: flex-start;
}

.pose-dashboard-header__account {
  justify-content: flex-end;
  gap: 8px;
}

.pose-dashboard-header__public {
  border-color: #dce6ef;
  background: #ffffff;
}

.pose-dashboard-header__avatar {
  width: 32px;
  height: 32px;
}

.pose-dashboard-header__user summary {
  padding-left: 4px;
  border-color: #dce6ef;
  background: #ffffff;
}

.pose-dashboard-header__name {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pose-dashboard-header__identity {
  padding: 10px;
}

.pose-dashboard-header__identity strong,
.pose-dashboard-header__identity small {
  display: block;
  overflow-wrap: anywhere;
}

.pose-dashboard-header__identity small {
  color: #64748b;
  font-size: 12px;
  font-weight: 750;
}

.pose-dashboard-header__toggle {
  display: none;
  width: 42px;
  height: 42px;
  border: 1px solid #dce6ef;
  border-radius: 8px;
  background: #ffffff;
}

.pose-dashboard-header__toggle span {
  display: block;
  width: 18px;
  height: 2px;
  margin: 4px auto;
  border-radius: 999px;
  background: #101827;
}

.pose-dashboard-header__mobile {
  width: min(1220px, calc(100% - 24px));
  margin: 0 auto 12px;
  border: 1px solid #dce6ef;
  border-radius: 8px;
  background: #ffffff;
  padding: 8px;
  box-shadow: 0 18px 44px rgba(13, 27, 42, 0.12);
}

.pose-dashboard-header__mobile[hidden] {
  display: none;
}

.pose-dashboard-header__mobile {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.pose-dashboard-header__mobile form {
  display: contents;
}

.pose-dashboard-header__mobile a,
.pose-dashboard-header__mobile button {
  justify-content: flex-start;
  width: 100%;
  min-height: 44px;
}

@media (max-width: 1180px) {
  .pose-dashboard-header__nav {
    display: none;
  }

  .pose-dashboard-header__bar {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .pose-dashboard-header__toggle {
    display: inline-block;
  }
}

@media (max-width: 640px) {
  .pose-dashboard-header__bar {
    min-height: 66px;
  }

  .pose-dashboard-header__public,
  .pose-dashboard-header__name {
    display: none;
  }

  .pose-dashboard-header__mobile {
    grid-template-columns: 1fr;
  }
}

.pose-public-header__account {
  position: relative;
  z-index: 5;
}

.pose-public-header__account summary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  max-width: 190px;
  border: 1px solid rgba(13, 27, 42, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.82);
  color: #0d1b2a;
  padding: 4px 12px 4px 5px;
  font-size: 13px;
  font-weight: 950;
  list-style: none;
  cursor: pointer;
  box-shadow: 0 14px 30px rgba(13, 27, 42, 0.08);
}

.pose-public-header__account summary::-webkit-details-marker {
  display: none;
}

.pose-public-header__avatar {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: #116149;
  color: #ffffff;
  font-size: 13px;
  font-weight: 950;
  flex: 0 0 auto;
}

.pose-public-header__accountName {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pose-public-header__accountMenu {
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  display: grid;
  gap: 4px;
  min-width: 190px;
  border: 1px solid rgba(13, 27, 42, 0.13);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.96);
  padding: 8px;
  box-shadow: 0 24px 58px rgba(13, 27, 42, 0.16);
}

.pose-public-header__account:not([open]) .pose-public-header__accountMenu {
  display: none;
}

.pose-public-header__accountMenu a,
.pose-public-header__accountMenu button,
.pose-public-header__mobileLogout button {
  width: 100%;
  min-height: 36px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #1b263b;
  padding: 0 10px;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.pose-public-header__accountMenu a {
  display: flex;
  align-items: center;
}

.pose-public-header__accountMenu a:hover,
.pose-public-header__accountMenu button:hover,
.pose-public-header__mobileLogout button:hover {
  background: #eef8f2;
  color: #116149;
}

.pose-public-header__mobileLogout {
  display: contents;
}

.pose-public-header__mobileLogout button {
  min-height: 44px;
  border: 1px solid rgba(13, 27, 42, 0.09);
  background: rgba(255, 255, 255, 0.74);
}

@media (max-width: 1120px) {
  .pose-public-header__account {
    display: none;
  }

  .pose-public-header__meta--dashboard {
    display: inline-flex;
  }
}

/* Final public header system: keep this block last so legacy duplicates cannot drift the header. */
.pose-public-header,
.pose-public-header * {
  box-sizing: border-box;
}

.pose-public-header {
  position: sticky;
  top: 12px;
  z-index: 60;
  width: min(1240px, calc(100% - 28px));
  margin: 12px auto 0;
  color: #07185f;
}

.pose-public-header__main {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  min-height: 72px;
  padding: 10px 12px;
  border: 1px solid rgba(222, 230, 255, 0.86);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 22px 58px rgba(67, 72, 142, 0.15);
  backdrop-filter: blur(18px);
}

.pose-public-header__main::before,
.pose-public-header__main::after,
.pose-public-header__brand::before,
.pose-public-header__brand::after,
.pose-public-header__actions::before,
.pose-public-header__actions::after {
  display: none;
}

.pose-public-header__brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  color: #07185f;
  text-decoration: none;
}

.pose-public-header__mark {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 15px;
  color: #fff;
  background: linear-gradient(145deg, #7c3dff, #5b7cff 62%, #22c7e8);
  box-shadow: 0 17px 34px rgba(124, 61, 255, 0.28);
  font-weight: 950;
}

.pose-public-header__wordmark {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.pose-public-header__name {
  color: #07185f;
  font-size: 18px;
  font-weight: 950;
  line-height: 1;
}

.pose-public-header__tag {
  color: #66739d;
  font-size: 11px;
  font-weight: 850;
  white-space: nowrap;
}

.pose-public-header__nav {
  justify-self: center;
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.pose-public-header__navCard {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 42px;
  padding: 7px 11px;
  border: 1px solid transparent;
  border-radius: 14px;
  color: #33406f;
  background: transparent;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
  transition: transform 0.16s ease, background-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease;
}

.pose-public-header__navCard:hover,
.pose-public-header__navCard.is-active {
  transform: translateY(-1px);
  border-color: rgba(226, 232, 255, 0.9);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 14px 30px rgba(78, 95, 166, 0.13);
}

.pose-public-header__icon {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 11px;
  background: #f3f6ff;
}

.pose-public-header__icon svg,
.pose-public-header__search svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pose-public-header__glow {
  display: none;
}

.pose-public-header__navCard.is-cyan { color: #119fbd; }
.pose-public-header__navCard.is-blue { color: #1b68d8; }
.pose-public-header__navCard.is-purple { color: #6b35f2; }
.pose-public-header__navCard.is-pink { color: #c22d72; }
.pose-public-header__navCard.is-orange { color: #c76505; }
.pose-public-header__navCard.is-green { color: #087654; }

.pose-public-header__actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  min-width: 0;
}

.pose-public-header__search,
.pose-public-header__meta,
.pose-public-header__cta,
.pose-public-header__menu,
.pose-public-header__account summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  border: 1px solid rgba(226, 232, 255, 0.9);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.86);
  color: #07185f;
  box-shadow: 0 12px 26px rgba(78, 95, 166, 0.11);
  font-size: 13px;
  font-weight: 950;
  text-decoration: none;
}

.pose-public-header__search,
.pose-public-header__menu {
  width: 42px;
  padding: 0;
}

.pose-public-header__meta {
  padding: 0 13px;
}

.pose-public-header__cta {
  border-color: transparent;
  padding: 0 15px;
  color: #fff;
  background: linear-gradient(135deg, #7c3dff, #5b7cff);
  box-shadow: 0 16px 32px rgba(124, 61, 255, 0.28);
}

.pose-public-header__account summary {
  gap: 8px;
  max-width: 200px;
  padding: 4px 12px 4px 5px;
}

.pose-public-header__avatar {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: linear-gradient(145deg, #22c7e8, #7c3dff);
  color: #ffffff;
  font-size: 13px;
  font-weight: 950;
  flex: 0 0 auto;
}

.pose-public-header__accountMenu {
  border-color: rgba(226, 232, 255, 0.9);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 24px 58px rgba(67, 72, 142, 0.16);
}

.pose-public-header__accountMenu a,
.pose-public-header__accountMenu button,
.pose-public-header__mobileLogout button {
  border-radius: 11px;
  color: #33406f;
}

.pose-public-header__accountMenu a:hover,
.pose-public-header__accountMenu button:hover,
.pose-public-header__mobileLogout button:hover {
  background: #f3f6ff;
  color: #6b35f2;
}

.pose-public-header__menu {
  display: none;
}

.pose-public-header__menu span {
  display: block;
  width: 17px;
  height: 2px;
  margin: 3px auto;
  border-radius: 999px;
  background: currentColor;
}

.pose-public-header__mobile {
  width: 100%;
  margin: 8px auto 0;
  border: 1px solid rgba(226, 232, 255, 0.9);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.92);
  padding: 10px;
  box-shadow: 0 22px 44px rgba(67, 72, 142, 0.14);
}

.pose-public-header__mobile[hidden] {
  display: none;
}

.pose-public-header__mobileGrid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.pose-public-header__mobile a,
.pose-public-header__mobile button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 44px;
  border: 1px solid rgba(226, 232, 255, 0.82);
  border-radius: 13px;
  background: #fff;
  color: #07185f;
  padding: 0 12px;
  font: inherit;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
}

@media (max-width: 1120px) {
  .pose-public-header__main {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .pose-public-header__nav,
  .pose-public-header__search,
  .pose-public-header__account {
    display: none;
  }

  .pose-public-header__menu {
    display: inline-grid;
  }

  .pose-public-header__actions {
    justify-self: end;
  }
}

@media (max-width: 640px) {
  .pose-public-header {
    top: 8px;
    width: min(100% - 20px, 1240px);
    margin-top: 8px;
  }

  .pose-public-header__main {
    min-height: 60px;
    border-radius: 18px;
    gap: 8px;
  }

  .pose-public-header__mark {
    width: 38px;
    height: 38px;
    border-radius: 13px;
  }

  .pose-public-header__name {
    font-size: 16px;
  }

  .pose-public-header__tag,
  .pose-public-header__meta--dashboard {
    display: none;
  }

  .pose-public-header__cta,
  .pose-public-header__meta {
    min-height: 38px;
    padding: 0 11px;
  }

  .pose-public-header__mobileGrid {
    grid-template-columns: 1fr;
  }
}