/* Homepage second screen: editorial OEM/ODM services */
body[data-page="home"] .hero + .section{
  position:relative;
  padding:118px 0 126px;
  background:#f8f6f0;
  overflow:hidden;
}
body[data-page="home"] .hero + .section:before{
  content:"";
  position:absolute;
  width:460px;
  height:460px;
  left:-210px;
  top:120px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(152,174,139,.14),rgba(152,174,139,0) 70%);
  pointer-events:none;
}
body[data-page="home"] .hero + .section > .container{
  display:grid;
  grid-template-columns:minmax(300px,.78fr) minmax(0,1.42fr);
  gap:72px;
  align-items:start;
}
body[data-page="home"] .hero + .section .section-heading{
  position:sticky;
  top:128px;
  max-width:420px;
  margin:0;
  text-align:left;
}
body[data-page="home"] .hero + .section .section-heading .eyebrow{
  margin:0 0 22px;
  color:#738074;
  font-size:9px;
  letter-spacing:.32em;
}
body[data-page="home"] .hero + .section .section-heading h2{
  max-width:420px;
  margin:0;
  color:#13271c;
  font-size:clamp(52px,4.9vw,72px);
  line-height:.96;
  letter-spacing:-.045em;
  font-weight:400;
}
body[data-page="home"] .hero + .section .section-heading p:last-child{
  max-width:370px;
  margin:26px 0 0;
  color:#59645d;
  font-size:13px;
  line-height:1.95;
}
body[data-page="home"] .hero + .section .service-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  border:0;
  background:transparent;
}
body[data-page="home"] .hero + .section .service-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:430px;
  overflow:hidden;
  border:1px solid rgba(26,48,35,.10);
  border-radius:24px;
  background:#fff;
  box-shadow:none;
  transition:transform .35s ease,box-shadow .35s ease;
}
body[data-page="home"] .hero + .section .service-card:nth-child(1),
body[data-page="home"] .hero + .section .service-card:nth-child(2){
  min-height:520px;
}
body[data-page="home"] .hero + .section .service-card:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 56px rgba(24,48,34,.09);
}
body[data-page="home"] .hero + .section .service-image{
  position:relative;
  height:250px;
  overflow:hidden;
  background:#e9e5dc;
}
body[data-page="home"] .hero + .section .service-card:nth-child(1) .service-image,
body[data-page="home"] .hero + .section .service-card:nth-child(2) .service-image{
  height:330px;
}
body[data-page="home"] .hero + .section .service-image:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(16,34,23,.05));
  pointer-events:none;
}
body[data-page="home"] .hero + .section .service-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  filter:none;
  transform:scale(1.001);
  transition:transform .7s cubic-bezier(.2,.7,.2,1);
}
body[data-page="home"] .hero + .section .service-card:hover .service-image img{
  transform:scale(1.035);
}
body[data-page="home"] .hero + .section .service-body{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:26px 28px 28px;
}
body[data-page="home"] .hero + .section .service-body:before{
  content:"0" counter(service-item);
  counter-increment:service-item;
  margin-bottom:20px;
  color:#8b958e;
  font-size:9px;
  letter-spacing:.18em;
}
body[data-page="home"] .hero + .section .service-grid{
  counter-reset:service-item;
}
body[data-page="home"] .hero + .section .service-card h3{
  margin:0 0 12px;
  color:#14271c;
  font-family:var(--serif);
  font-size:28px;
  font-weight:400;
  letter-spacing:-.02em;
}
body[data-page="home"] .hero + .section .service-card p{
  margin:0;
  color:#667069;
  font-size:11px;
  line-height:1.8;
}
body[data-page="home"] .hero + .section .text-link{
  margin-top:auto;
  padding-top:24px;
  width:max-content;
  color:#153525;
  border-bottom:1px solid rgba(21,53,37,.45);
  font-size:9px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
body[data-page="home"] .hero + .section .card-icon{display:none}
@media(max-width:1050px){
  body[data-page="home"] .hero + .section{padding:92px 0 100px}
  body[data-page="home"] .hero + .section > .container{grid-template-columns:1fr;gap:46px}
  body[data-page="home"] .hero + .section .section-heading{position:relative;top:auto;max-width:720px}
  body[data-page="home"] .hero + .section .section-heading h2{max-width:720px}
  body[data-page="home"] .hero + .section .section-heading p:last-child{max-width:600px}
}
@media(max-width:760px){
  body[data-page="home"] .hero + .section{padding:72px 0 78px}
  body[data-page="home"] .hero + .section > .container{gap:34px}
  body[data-page="home"] .hero + .section .section-heading h2{font-size:44px;line-height:1}
  body[data-page="home"] .hero + .section .service-grid{grid-template-columns:1fr;gap:14px}
  body[data-page="home"] .hero + .section .service-card,
  body[data-page="home"] .hero + .section .service-card:nth-child(1),
  body[data-page="home"] .hero + .section .service-card:nth-child(2){min-height:0;border-radius:18px}
  body[data-page="home"] .hero + .section .service-image,
  body[data-page="home"] .hero + .section .service-card:nth-child(1) .service-image,
  body[data-page="home"] .hero + .section .service-card:nth-child(2) .service-image{height:250px}
  body[data-page="home"] .hero + .section .service-body{padding:22px 22px 24px}
  body[data-page="home"] .hero + .section .service-card h3{font-size:25px}
}