.ottoni-public {
  --op-ink: #26372d;
  --op-muted: #6b756c;
  --op-deep: #2f4d39;
  --op-sage: #b7c3b5;
  --op-clay: #a8644f;
  --op-paper: #f7f5ef;
  --op-card: rgba(255, 253, 248, .84);
  --op-line: rgba(47, 77, 57, .14);
  width: min(1440px, calc(100% - 32px));
  margin: 18px auto 80px;
  color: var(--op-ink);
}

.ottoni-public-kicker {
  display: block;
  color: var(--op-clay);
  font-size: .69rem;
  font-weight: 760;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.ottoni-public-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(250px, .55fr);
  gap: 30px;
  min-height: min(670px, calc(100vh - 110px));
  padding: clamp(32px, 6vw, 86px);
  overflow: hidden;
  border: 1px solid var(--op-line);
  border-radius: 34px;
  background:
    radial-gradient(circle at 78% 20%, rgba(187, 200, 183, .42), transparent 24rem),
    linear-gradient(135deg, #f5eee9 0%, #f8f6f0 43%, #e7ece4 100%);
  box-shadow: 0 30px 90px rgba(39, 58, 46, .12);
}

.ottoni-public-hero__copy {
  position: relative;
  z-index: 2;
  align-self: center;
  max-width: 900px;
}

.ottoni-public-hero h1 {
  max-width: 13ch;
  margin: 17px 0 24px;
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", serif;
  font-size: clamp(3.2rem, 7.1vw, 7.6rem);
  font-weight: 470;
  line-height: .91;
  letter-spacing: -.065em;
}

.ottoni-public-hero__copy > p {
  max-width: 690px;
  margin: 0;
  color: #56645a;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  line-height: 1.65;
}

.ottoni-public-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 32px;
}

.ottoni-public-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 48px;
  padding: 0 19px;
  border: 1px solid rgba(47, 77, 57, .26);
  border-radius: 999px;
  color: var(--op-deep);
  font-size: .86rem;
  font-weight: 720;
  text-decoration: none;
}

.ottoni-public-actions a.is-primary {
  border-color: var(--op-deep);
  background: var(--op-deep);
  color: #fff;
}

.ottoni-public-hero__organism {
  position: absolute;
  right: -8%;
  bottom: -18%;
  width: min(48vw, 690px);
  aspect-ratio: .78;
  opacity: .36;
  transform: rotate(-12deg);
  pointer-events: none;
}

.ottoni-public-hero__organism::before,
.ottoni-public-hero__organism::after,
.ottoni-public-hero__organism span,
.ottoni-public-hero__organism i,
.ottoni-public-hero__organism b {
  content: "";
  position: absolute;
  border: 3px solid rgba(47, 77, 57, .65);
  border-radius: 58% 17% 60% 22%;
}

.ottoni-public-hero__organism::before { inset: 6% 22% 2% 11%; }
.ottoni-public-hero__organism::after { inset: 25% 7% 25% 35%; }
.ottoni-public-hero__organism span { inset: 42% 39% 4% 19%; }
.ottoni-public-hero__organism i { inset: 8% 37% 58% 20%; }
.ottoni-public-hero__organism b { inset: 54% 11% 12% 57%; }

.ottoni-public-hero__index {
  position: relative;
  z-index: 2;
  align-self: end;
  padding: 21px;
  border: 1px solid rgba(47, 77, 57, .15);
  border-radius: 20px;
  background: rgba(255, 253, 248, .64);
  backdrop-filter: blur(14px);
}

.ottoni-public-hero__index span {
  color: var(--op-clay);
  font-size: .7rem;
  font-weight: 740;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.ottoni-public-hero__index strong {
  display: block;
  margin: 8px 0;
  font-family: ui-serif, Georgia, serif;
  font-size: 1.7rem;
  font-weight: 520;
}

.ottoni-public-hero__index p {
  margin: 0;
  color: var(--op-muted);
  font-size: .79rem;
  line-height: 1.6;
}

.ottoni-public-journal,
.ottoni-public-practice,
.ottoni-public-och,
.ottoni-public-support {
  margin-top: 34px;
  border: 1px solid var(--op-line);
  border-radius: 28px;
  background: rgba(250, 249, 245, .78);
  box-shadow: 0 22px 70px rgba(39, 58, 46, .075);
}

.ottoni-public-journal,
.ottoni-public-practice {
  padding: clamp(24px, 4vw, 54px);
}

.ottoni-public-journal > header,
.ottoni-public-practice > header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 25px;
}

.ottoni-public-journal h2,
.ottoni-public-practice h2,
.ottoni-public-och h2 {
  margin: 7px 0 0;
  font-family: ui-serif, Georgia, Cambria, "Times New Roman", serif;
  font-size: clamp(2rem, 4vw, 4rem);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.05em;
}

.ottoni-public-journal__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(200px, .75fr));
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--op-line);
  border-radius: 20px;
  background: var(--op-line);
}

.ottoni-public-story {
  display: grid;
  min-height: 230px;
  background: rgba(255, 253, 248, .96);
  color: var(--op-ink);
  text-decoration: none;
}

.ottoni-public-story.is-featured {
  grid-row: span 2;
  min-height: 461px;
}

.ottoni-public-story figure {
  min-height: 150px;
  margin: 0;
  overflow: hidden;
  background: #e5e9e2;
}

.ottoni-public-story.is-featured figure { min-height: 260px; }

.ottoni-public-story img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s ease;
}

.ottoni-public-story:hover img { transform: scale(1.025); }

.ottoni-public-story > div {
  align-self: end;
  padding: 20px;
}

.ottoni-public-story small {
  color: var(--op-clay);
  font-size: .65rem;
  font-weight: 720;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.ottoni-public-story h3 {
  margin: 8px 0;
  font-family: ui-serif, Georgia, serif;
  font-size: clamp(1.15rem, 2vw, 1.8rem);
  font-weight: 540;
  line-height: 1.12;
}

.ottoni-public-story p {
  color: var(--op-muted);
  font-size: .84rem;
  line-height: 1.55;
}

.ottoni-public-story span {
  color: var(--op-deep);
  font-size: .76rem;
  font-weight: 760;
}

.ottoni-public-och {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(300px, .7fr);
  overflow: hidden;
  background: linear-gradient(125deg, #dce4d9, #c6d0c3);
}

.ottoni-public-och__media {
  position: relative;
  min-height: 420px;
  background: #c6d0c3;
}

.ottoni-public-och__media video,
.ottoni-public-och__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ottoni-public-och__media img { display: none; }

.ottoni-public-och__copy {
  align-self: center;
  padding: clamp(30px, 5vw, 66px);
}

.ottoni-public-och__copy p {
  color: #4d5d52;
  line-height: 1.65;
}

.ottoni-public-och__copy a {
  color: var(--op-deep);
  font-weight: 760;
  text-decoration: none;
}

.ottoni-public-practice__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.ottoni-public-practice__grid > a {
  display: grid;
  min-height: 270px;
  overflow: hidden;
  border: 1px solid var(--op-line);
  border-radius: 18px;
  background: var(--op-card);
  color: var(--op-ink);
  text-decoration: none;
}

.ottoni-public-practice__grid img {
  width: 100%;
  height: 165px;
  object-fit: cover;
}

.ottoni-public-practice__grid div { padding: 17px; }
.ottoni-public-practice__grid h3 { margin: 0 0 7px; font: 550 1.2rem/1.15 ui-serif, Georgia, serif; }
.ottoni-public-practice__grid p { margin: 0; color: var(--op-muted); font-size: .82rem; line-height: 1.55; }

.ottoni-public-support {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  padding: 22px 26px;
}

.ottoni-public-support > span {
  color: var(--op-muted);
  font-size: .72rem;
  font-weight: 720;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.ottoni-public-support > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 22px;
}

.ottoni-public-support a { color: var(--op-ink); text-decoration: none; }
.ottoni-public-support img { width: auto; max-width: 120px; height: 42px; object-fit: contain; filter: saturate(.82); }

@media (max-width: 1000px) {
  .ottoni-public-hero { grid-template-columns: 1fr; min-height: auto; }
  .ottoni-public-hero__index { max-width: 520px; }
  .ottoni-public-journal__grid { grid-template-columns: 1fr 1fr; }
  .ottoni-public-story.is-featured { grid-column: 1 / -1; grid-row: auto; }
  .ottoni-public-practice__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .ottoni-public { width: min(100% - 18px, 1440px); margin-top: 9px; }
  .ottoni-public-hero { padding: 28px 20px; border-radius: 23px; }
  .ottoni-public-hero h1 { font-size: clamp(2.75rem, 13vw, 4.9rem); }
  .ottoni-public-hero__organism { width: 92vw; opacity: .2; }
  .ottoni-public-journal,
  .ottoni-public-practice { padding: 24px 16px; border-radius: 22px; }
  .ottoni-public-journal__grid,
  .ottoni-public-practice__grid,
  .ottoni-public-och { grid-template-columns: 1fr; }
  .ottoni-public-story.is-featured { min-height: 360px; }
  .ottoni-public-och__media { min-height: 280px; }
  .ottoni-public-support { align-items: flex-start; flex-direction: column; }
  .ottoni-public-support > div { justify-content: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  .ottoni-public-story img { transition: none; }
  .ottoni-public-och__media video { display: none; }
  .ottoni-public-och__media img { display: block; }
}

/* RF1 public/mobile convergence 3.15.0 */
.ottoni-public-nav{position:sticky;top:10px;z-index:40;display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;max-width:calc(100% - 20px);margin:0 auto 12px;padding:7px;border:1px solid var(--op-line);border-radius:999px;background:rgba(255,253,248,.92);box-shadow:0 12px 35px rgba(39,58,46,.1);backdrop-filter:blur(16px)}.ottoni-public-nav a{padding:9px 14px;border-radius:999px;color:var(--op-deep);font-size:.78rem;font-weight:720;text-decoration:none}.ottoni-public-nav a.is-primary{background:var(--op-deep);color:#fff}.ottoni-public-story.is-video{display:grid}.ottoni-public-video{position:relative;aspect-ratio:16/9;overflow:hidden;background:#172019}.ottoni-public-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.ottoni-public-story>div a{color:var(--op-deep);font-weight:720;text-decoration:none}.ottoni-platform-anonymous .ottoni-app-shell,.ottoni-platform-anonymous .ottoni-mobile-dock,.ottoni-platform-anonymous [data-private-navigation]{display:none!important}html,body{max-width:100%;overflow-x:clip}.ottoni-public img,.ottoni-public iframe,.ottoni-public video{max-width:100%}.ottoni-public a{text-decoration:none}.ottoni-public a:focus-visible{outline:3px solid #a8644f;outline-offset:3px}@media(max-width:760px){.ottoni-public{width:min(100% - 18px,1440px);margin-top:8px}.ottoni-public-nav{position:relative;top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;border-radius:18px}.ottoni-public-nav a{text-align:center}.ottoni-public-hero{grid-template-columns:1fr;min-height:auto;padding:28px 20px;border-radius:24px}.ottoni-public-hero h1{font-size:clamp(2.7rem,14vw,4.8rem)}.ottoni-public-journal__grid{grid-template-columns:1fr}.ottoni-public-story.is-featured{grid-row:auto;min-height:0}.ottoni-public-story{min-height:0}.ottoni-public-practice__grid,.ottoni-public-collection{grid-template-columns:1fr!important}.ottoni-public-och{grid-template-columns:1fr!important}.ottoni-public-actions{display:grid}.ottoni-public-actions a{width:100%}.ottoni-public-support>div{display:grid!important;grid-template-columns:1fr 1fr;gap:12px}.ottoni-public-support img{max-height:54px}}