/* Shared treatment for the service and city landing pages. */
.segment-hero{position:relative;isolation:isolate;display:grid;align-content:end;min-height:680px;padding:160px var(--edge) 52px;overflow:hidden;background:#24271f;color:#f7f3e9}
.segment-hero-media,.segment-hero-media picture,.segment-hero-media img{position:absolute;inset:0;width:100%;height:100%}
.segment-hero-media{z-index:-2;background:#24271f}
.segment-hero-media img{object-fit:cover;object-position:center 58%}
.segment-hero--gift .segment-hero-media img{object-position:center 48%}
.segment-hero--engraving .segment-hero-media img{object-position:center 50%}
.segment-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(18,20,15,.84) 0%,rgba(18,20,15,.54) 46%,rgba(18,20,15,.16) 100%),linear-gradient(0deg,rgba(18,20,15,.68) 0%,transparent 58%)}
.segment-hero .eyebrow{color:#e8e3d5;margin:0 0 22px}
.segment-hero h1{max-width:900px;margin:0;font-size:clamp(38px,4.4vw,64px);font-weight:800;line-height:1.02;letter-spacing:-.06em;text-wrap:balance}
.segment-hero .page-heading-bottom{display:grid;grid-template-columns:minmax(0,410px) auto;align-items:end;gap:30px;margin:30px 0 0}
.segment-hero .page-heading-bottom p{max-width:410px;margin:0;color:#f4f0e6;font-size:16px;line-height:1.55;text-wrap:balance}
.segment-hero .line-link{justify-self:start;min-width:0;width:fit-content;padding:12px 15px;border:1px solid #eee8d9;background:#eee8d9;color:#25291f}
.segment-hero .line-link:hover{background:#fffaf0;border-color:#fffaf0}
.segment-page>.section{padding-top:52px;padding-bottom:52px}
.segment-page .section-head{margin-bottom:24px}
.segment-page .section-head h2,.segment-page .intro h2,.segment-page .editorial-text h2{max-width:760px;font-size:clamp(31px,3.1vw,48px);line-height:1.08;letter-spacing:-.05em;text-wrap:balance}
.segment-page .intro{display:grid;grid-template-columns:minmax(145px,.42fr) minmax(0,1fr);gap:36px;align-items:start}
.segment-page .intro .intro-bottom{max-width:720px;margin-top:24px}
.segment-page .intro .intro-bottom p,.segment-page .article-body{font-size:16px;line-height:1.65;text-wrap:pretty}
.segment-page .article-body{max-width:760px;margin-left:auto;margin-right:auto}
.segment-page .article-body p+p{margin-top:18px}
.segment-page .horizontal-steps{gap:20px}
.segment-page .step{padding:23px 0 0;border-top:1px solid var(--line)}
.segment-page .step h3{margin-top:17px;font-size:clamp(20px,1.7vw,25px);line-height:1.14;letter-spacing:-.045em;text-wrap:balance}
.segment-page .step p{max-width:340px;margin-top:10px;font-size:14px;line-height:1.58;text-wrap:pretty}
.segment-page .editorial-split{gap:clamp(28px,5vw,72px);align-items:center}
.segment-page .editorial-image{overflow:hidden;background:#e5e3d9}
.segment-page .editorial-image picture,.segment-page .editorial-image img{display:block;width:100%;height:100%}
.segment-page .editorial-image img{object-fit:cover}
.segment-page .editorial-text>p{max-width:570px;font-size:16px;line-height:1.62;text-wrap:pretty}
.segment-page .detail-point{padding:15px 0}

@media (min-width:761px){
  .segment-hero--city .segment-hero-media img{object-position:center 60%}
  .segment-hero--engraving .segment-hero-media img{object-position:center 43%}
}

@media (max-width:760px){
  .segment-hero{min-height:650px;padding:126px var(--edge) 30px;align-content:end}
  .segment-hero:after{background:linear-gradient(0deg,rgba(18,20,15,.91) 0%,rgba(18,20,15,.54) 48%,rgba(18,20,15,.12) 100%)}
  .segment-hero .eyebrow{margin-bottom:16px;font-size:11px}
  .segment-hero h1{max-width:350px;font-size:clamp(33px,9.1vw,46px);line-height:1.04}
  .segment-hero .page-heading-bottom{display:grid;grid-template-columns:1fr;gap:18px;margin-top:22px}
  .segment-hero .page-heading-bottom p{font-size:14px;line-height:1.48}
  .segment-hero .line-link{padding:11px 14px;font-size:13px}
  .segment-hero--city .segment-hero-media img{object-position:center center}
  .segment-hero--gift .segment-hero-media img{object-position:60% center}
  .segment-hero--engraving .segment-hero-media img{object-position:center center}
  .segment-page>.section{padding-top:38px;padding-bottom:38px}
  .segment-page .intro{grid-template-columns:1fr;gap:18px}
  .segment-page .intro h2,.segment-page .section-head h2,.segment-page .editorial-text h2{font-size:clamp(29px,7.6vw,37px)}
  .segment-page .intro .intro-bottom{margin-top:18px}
  .segment-page .intro .intro-bottom p,.segment-page .article-body,.segment-page .editorial-text>p{font-size:14px;line-height:1.58}
  .segment-page .article-body{margin-left:0}
  .segment-page .horizontal-steps{gap:22px}
  .segment-page .step{padding-top:18px}
  .segment-page .step h3{font-size:21px}
  .segment-page .editorial-split{gap:26px}
  .segment-page .editorial-image{aspect-ratio:4/3}
  .segment-page .detail-point{padding:13px 0}
}

@media (max-width:390px){
  .segment-hero{min-height:610px;padding-top:112px}
  .segment-hero h1{font-size:32px}
  .segment-hero .page-heading-bottom p{font-size:13px}
}