/* Homepage About section; all rules are scoped to this component. */
.inkstone-about { position: relative; isolation: isolate; display: grid; grid-template-columns: 48% 52%; width: 100%; max-width: none; margin: 0; overflow: hidden; background: #fbf8f0; color: #253e30; }
.inkstone-about__art { position: relative; min-width: 0; align-self: stretch; background: linear-gradient(90deg,#eee7d7,#fbf8f0); }
.inkstone-about__art img { position: absolute; inset: 0 0 0 auto; display: block; width: auto; max-width: 100%; height: 100%; object-fit: contain; object-position: right center; mask-image: linear-gradient(90deg,transparent,#000 12%); }
.inkstone-about__art::after { content: ''; position: absolute; inset: 0 -1px 0 auto; width: 6%; background: linear-gradient(90deg,transparent,#fbf8f0); pointer-events: none; }
.inkstone-about__copy { position: relative; min-width: 0; width: 100%; max-width: 720px; align-self: center; padding: 40px clamp(28px,3.2vw,60px) 40px 32px; }
.inkstone-about__copy::after { content: ''; position: absolute; z-index: -1; width: 250px; height: 250px; right: -170px; bottom: -95px; border: 1px solid #c59b54; border-radius: 50%; box-shadow: 0 0 0 20px #fbf8f0,0 0 0 21px #d4b982; pointer-events: none; }
.inkstone-about .inkstone-about__eyebrow { display: flex; align-items: center; gap: clamp(9px,1vw,18px); white-space: nowrap; margin: 0 0 16px; color: #253028; font: 9px/1.5 Georgia,serif; text-transform: uppercase; letter-spacing: .16em; }
.inkstone-about__eyebrow i { display: block; flex: 0 0 23px; height: 1px; background: #bc914d; }
.inkstone-about .inkstone-about__copy h2 { display: flex; align-items: center; gap: 15px; white-space: nowrap; margin: 0; color: #09291c; font: 400 clamp(52px,5vw,72px)/1.03 'PP Editorial New',Georgia,serif; letter-spacing: -.045em; }
.inkstone-about__copy h2 span { color: #bd9148; font: 400 .35em/1 Georgia,serif; letter-spacing: 0; margin-top: .2em; }
.inkstone-about__rule { width: 62px; height: 2px; margin: 14px 0 18px; background: #bc914d; }
.inkstone-about .inkstone-about__text p { color: #4d5052; font: 400 15px/1.55 'Inter',Arial,sans-serif; text-align: left; margin: 0 0 16px; }
.inkstone-about .inkstone-about__text p:last-child { margin-bottom: 0; }
.inkstone-about .inkstone-about__benefits { list-style: none; padding: 0; margin: 16px 0 0; }
.inkstone-about__benefits li { display: flex; align-items: center; gap: 12px; color: #343c3b; font: 400 14px/1.45 'Inter',Arial,sans-serif; text-align: left; }
.inkstone-about__benefits li > span:last-child { flex: 1; padding: 8px 0; border-bottom: 1px solid #ddceb570; }
.inkstone-about__benefits li:last-child > span:last-child { border-bottom: none; }
.inkstone-about__check { display: grid; place-items: center; flex: 0 0 28px; height: 28px; border: 1px solid #b98a3d; border-radius: 50%; background: #f6e8c7; box-shadow: inset 0 0 0 3px #fff9; }
.inkstone-about__check svg { width: 18px; height: 18px; fill: none; stroke: #122d23; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.inkstone-about__actions { display: flex; align-items: center; gap: 14px; margin-top: 16px; }
.inkstone-about .inkstone-about__button { display: inline-flex; align-items: center; justify-content: center; gap: 16px; flex: 0 0 auto; min-height: 50px; padding: 11px 23px; border: 2px solid #c3a064; border-radius: 99px; color: #fff; background: linear-gradient(155deg,#3c5c47,#132c20); box-shadow: inset 0 2px 5px #ffffff20,0 5px 14px #ae8c3b18; font: 400 18px/1.2 Georgia,serif; text-decoration: none; transition: transform .2s,box-shadow .2s; }
.inkstone-about__button svg { width: 25px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.inkstone-about__button:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 9px 22px #36564230; }
.inkstone-about__button:focus-visible { outline: 3px solid #365642; outline-offset: 5px; }
.inkstone-about__signature { display: block; min-width: 0; width: min(38%,170px); height: auto; filter: brightness(1.08) contrast(1.12); mix-blend-mode: multiply; clip-path: inset(14% 0 15% 0); margin: -12px 0; }
@media (max-width: 1199px) and (min-width: 901px) {
  .inkstone-about { grid-template-columns: 45% 55%; }
  .inkstone-about__copy { padding: 28px 22px; }
  .inkstone-about .inkstone-about__eyebrow { font-size: 8px; letter-spacing: .12em; gap: 8px; }
  .inkstone-about__eyebrow i { flex-basis: 15px; }
  .inkstone-about__actions { gap: 10px; }
  .inkstone-about .inkstone-about__button { padding-inline: 19px; }
}
@media (max-width: 900px) {
  .inkstone-about { grid-template-columns: 1fr; }
  .inkstone-about__art { height: clamp(250px,48vw,340px); overflow: hidden; }
  .inkstone-about__art { background: #fbf8f0; }
  .inkstone-about__art img { width: 100%; object-position: center; mask-image: none; }
  .inkstone-about__art::after { inset: auto 0 -1px; width: 100%; height: 7%; background: linear-gradient(transparent,#fbf8f0); }
  .inkstone-about__copy { width: 100%; justify-self: center; padding: 22px 26px 28px; }
  .inkstone-about .inkstone-about__copy h2 { font-size: clamp(48px,8vw,62px); }
  .inkstone-about__actions { justify-content: space-between; }
}
@media (max-width: 480px) {
  .inkstone-about__art { height: 240px; }
  .inkstone-about__copy { padding: 18px 16px 24px; }
  .inkstone-about .inkstone-about__eyebrow { font-size: 7px; gap: 6px; letter-spacing: .1em; margin-bottom: 14px; }
  .inkstone-about__eyebrow i { flex-basis: 12px; }
  .inkstone-about .inkstone-about__copy h2 { font-size: 48px; gap: 12px; }
  .inkstone-about__benefits li { font-size: 13px; gap: 10px; }
  .inkstone-about__actions { flex-wrap: wrap; gap: 10px; margin-top: 16px; }
  .inkstone-about .inkstone-about__button { min-height: 48px; font-size: 17px; padding-inline: 19px; }
  .inkstone-about__signature { width: 125px; }
}
@media (prefers-reduced-motion: reduce) { .inkstone-about__button { transition: none; } }