/* Inner pages: header/footer/pattern come from shared.css; header sits in the same 1366x800 artboard position as home. */
.intro h1{font-weight:600;color:#2b2b2b;margin:0}
.eyebrow{display:block;color:var(--red);font-weight:500}
.sup .eyebrow{color:#d6ac24}
.intro p{color:#60656d;margin:0}
.services{display:grid;grid-template-columns:1fr 1fr}
.service{display:flex;align-items:center}
.service img{display:block;object-fit:contain}
.service h3{font-weight:600;color:#3b4245;margin:0;line-height:1.35}
.service p{color:#42464b;margin:1px 0 0;line-height:1.45}
@media(min-width:1024px) and (orientation:landscape),(min-width:1280px){
  body{min-height:100vh;display:flex;flex-direction:column}
  .stage.head{height:calc(172*var(--s));margin:var(--off) auto 0}
  .intro,.services{width:calc(1366*var(--s));margin:0 auto;padding:0 calc(136*var(--s)) 0 calc(293*var(--s))}
  .intro br{display:none}
  .intro{padding-top:clamp(48px,calc(48*var(--s)),56px);padding-bottom:calc(40*var(--s))}
  .eyebrow{font-size:calc(14.2*var(--s));line-height:1.3;margin-bottom:calc(8*var(--s))}
  .intro h1{font-size:calc(30*var(--s));line-height:1.25;margin-bottom:calc(10*var(--s))}
  .intro p{font-size:calc(12.5*var(--s));line-height:1.55}
  .pat{flex:1 0 auto;position:relative;display:flex;flex-direction:column}
  .pat::before{content:"";position:absolute;inset:0;z-index:-1;background:url(assets/circle-tile.png) repeat center top;background-size:calc(93*var(--s)) auto;opacity:.75;
    -webkit-mask:linear-gradient(#0000,#000 calc(60*var(--s)));mask:linear-gradient(#0000,#000 calc(60*var(--s)))}
  .services{column-gap:calc(60*var(--s));padding-top:calc(10*var(--s));padding-bottom:calc(40*var(--s))}
  .service{gap:calc(22*var(--s));min-height:calc(100*var(--s));padding:calc(12*var(--s)) 0}
  .service img{width:calc(58*var(--s));height:calc(58*var(--s))}
  .service h3{font-size:calc(12.5*var(--s))}
  .service p{font-size:calc(11*var(--s))}
  .pat>.site-footer{margin:auto auto var(--off)}
}
@media(max-width:1023px),(max-width:1279px) and (orientation:portrait){
  body{min-height:100vh;display:flex;flex-direction:column;background:url(assets/circle-tile.png) repeat;background-size:70px auto}
  .stage.head{background:none;padding-bottom:0}
  .intro{padding:36px 16px 20px}
  .eyebrow{font-size:12px}
  .intro h1{font-size:22px;line-height:1.25;margin-bottom:8px}
  .intro p{font-size:13px;line-height:1.55}
  .intro br{display:none}
  .pat{flex:1 0 auto;display:flex;flex-direction:column;padding:0 16px 16px}
  .services{grid-template-columns:1fr}
  .service{gap:16px;min-height:90px;padding:10px 0}
  .service img{width:45px;height:45px}
  .service h3{font-size:13px}.service p{font-size:11.5px}
  .pat>.site-footer{margin-top:auto;padding-top:16px}
}
main{flex:1 0 auto;display:flex;flex-direction:column}
/* v1.0.2 responsive */
@media(max-width:1023px),(max-width:1279px) and (orientation:portrait){
  .intro,.services{max-width:760px;margin-left:auto;margin-right:auto;width:100%}
  .eyebrow{font-size:12.5px}
  .intro p{font-size:14px}
  .service h3{font-size:14px}.service p{font-size:12.5px}
}
@media(min-width:600px) and (max-width:1279px) and (orientation:portrait){.services{grid-template-columns:1fr 1fr;column-gap:32px}.intro h1{font-size:28px}}
@media(min-width:1024px) and (max-width:1279px) and (orientation:landscape){
  .intro p{font-size:max(12px,calc(12.5*var(--s)))}
  .eyebrow{font-size:max(12px,calc(14.2*var(--s)))}
  .service h3{font-size:max(12.5px,calc(12.5*var(--s)))}
  .service p{font-size:max(12px,calc(11*var(--s)))}
}