.ot {
  --ot-gold: #e4cc91;
  --ot-soft: #c8d2c7;
  --ot-line: #ffffff29;
  padding: 40px 0 0;
}
.ot h1,.ot h2,.ot h3,.ot p { margin: 0; }
.ot h1 {
  font-size: clamp(52px,7vw,92px);
  letter-spacing: -.04em;
  line-height: 1.02;
  margin: 12px 0 20px;
}
.ot h2 { font-size: clamp(34px,4vw,54px); line-height: 1.08; margin: 10px 0 18px; }
.ot h3 { font-size: 17px; line-height: 1.4; margin-bottom: 9px; }
.ot p { color: var(--ot-soft); line-height: 1.75; }
.ot .ot-kicker { color: var(--ot-gold); font-size: 11px; text-transform: uppercase; letter-spacing: 1.6px; }
.ot-hero {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 42px;
  align-items: center;
  padding: 44px 0 54px;
}
.ot-icon { display: block; border-radius: 16px; margin-bottom: 20px; }
.ot-lead { max-width: 430px; font-size: 17px; }
.ot-art { display: block; width: 100%; height: auto; border-radius: 12px; }
.ot-button {
  display: inline-block;
  margin-top: 24px;
  padding: 11px 17px;
  border: 1px solid var(--ot-gold);
  color: var(--ot-gold);
  font-size: 13px;
}
.ot-button:hover { background: #e4cc911c; }
.ot-section { border-top: 1px solid var(--ot-line); padding: 52px 0; }
.ot-overview { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; }
.ot-overview p+p { margin-top: 15px; }
.ot-features { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 22px; margin-top: 25px; }
.ot-features article { border-top: 1px solid var(--ot-line); padding-top: 17px; }
.ot-features p,.ot-gallery-note { font-size: 14px; }
.ot-gallery { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 15px; margin-top: 22px; }
.ot-gallery figure { margin: 0; min-width: 0; }
.ot-gallery a { display: block; border: 1px solid var(--ot-line); border-radius: 8px; }
.ot-gallery a:hover { border-color: var(--ot-gold); }
.ot-gallery img { display: block; width: 100%; height: auto; border-radius: 7px; }
.ot-gallery figcaption { color: var(--ot-soft); padding-top: 12px; font-size: 12px; line-height: 1.55; }
.ot-gallery strong { display: block; color: var(--ot-gold); margin-bottom: 4px; }
@media(max-width:900px) {
  .ot-features { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ot-gallery { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px 14px; }
}
@media(max-width:700px) {
  .ot { padding-top: 28px; }
  .ot-hero,.ot-overview { grid-template-columns: 1fr; gap: 24px; }
  .ot-hero { padding: 30px 0 38px; }
  .ot-section { padding: 36px 0; }
  .ot-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

.ot .ot-policy-jump { margin-top: 15px; }
.ot-policy-jump a,.ot #privacy-policy a { color: var(--ot-gold); text-decoration: underline; text-underline-offset: 3px; }
.ot #privacy-policy { border-top: 1px solid var(--ot-line); padding: 52px 0; scroll-margin-top: 18px; }
.ot #privacy-policy p { max-width: 72ch; }
.ot #privacy-policy p+p { margin-top: 15px; }
.ot #privacy-policy h3 { margin-top: 25px; }
@media(max-width:700px) { .ot #privacy-policy { padding: 36px 0; } }