/* photo strip */
  .photo-strip{
    margin:0 auto;
  }
  .photo-strip img{
    display:block;
    width:100%;
    height:auto;
    border-radius:2px;
  }

  .wrap > span.section-title{
    display:block;
    font-size:25px;
    line-height:1.3;
    letter-spacing:normal;
    font-weight:700;
    margin:40px 0 20px;
  }

  /* order steps + links row */
  .olissys-order-grid{
    display:grid;
    grid-template-columns: 2fr 1fr;
    gap:40px;
    align-items:start;
    font-size:1.375rem;
    line-height:1.875rem;
    letter-spacing:.025rem;
  }
  ol.steps{
    margin:0;
    padding-left:20px;
    color:#333;
  }
  ol.steps li{margin-bottom:16px;}

  .links{
    display:flex;
    flex-direction:column;
    gap:14px;
  }
  .links a{
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--ink);
    text-decoration:underline;
    text-underline-offset:3px;
  }
  .links a:hover{color:var(--accent);}
  .icon{
    width:28px;height:28px;flex:none;
    display:inline-block;
  }

  hr.rule{
    border:none;
    border-top:1px solid var(--line);
    margin:44px 0;
  }

  /* olissys-two-column footer sections — the requested grid */
  .olissys-two-col{
    display:grid;
    grid-template-columns: repeat(2, 1fr);
    gap:48px;
    font-size:1.375rem;
    line-height:1.875rem;
    letter-spacing:.025rem;
  }
  .olissys-two-col span.section-title{
    display:block;
    font-size:25px;
    line-height:1.3;
    letter-spacing:normal;
    font-weight:700;
    margin:0 0 12px;
  }
  .olissys-two-col span.section-title.spaced{margin-top:36px;}
  .olissys-two-col p{
    color:#333;
    margin:0 0 14px;
  }
  .olissys-two-col ul{
        margin-left: 20px;
    padding-left:18px;
    color:#333;
  }
  .olissys-two-col ul li{margin-bottom:8px;}



  /* tablet */
  @media (max-width:900px){
    .wrap{padding:0 20px;}
    .olissys-order-grid{grid-template-columns:1fr;gap:28px;}
    .links{
      flex-direction:row;
      flex-wrap:wrap;
      gap:24px 32px;
    }
    .olissys-two-col{gap:32px;}
  }

  /* mobile */
  @media (max-width:600px){
    .wrap{padding:0 16px;}
    .photo-strip{
      padding:16px 16px 0;
    }
    .wrap > span.section-title{font-size:19px;margin:28px 0 16px;}
    ol.steps{padding-left:18px;}
    .links{
      flex-direction:row;
      flex-wrap:wrap;
      gap:16px 24px;
    }
    .icon{width:24px;height:24px;}
    .olissys-two-col{
      grid-template-columns:1fr;
      gap:0;
    }
    .olissys-two-col span.section-title{margin-top:28px;}
    .olissys-two-col span.section-title:first-child{margin-top:0;}
  }