*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#000}
body{min-height:100vh;color:#aaa;font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
.site-shell{min-height:100vh;display:grid;grid-template-rows:62px 1fr 58px;background:#000}
.site-head{display:flex;justify-content:center;align-items:center}
.site-brand{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#777}
.site-main{display:flex;align-items:center;justify-content:center;padding:24px;text-align:center}
.hero-center{width:min(1100px,calc(100vw - 100px));display:flex;flex-direction:column;align-items:center}
.quote{margin:0;width:100%;color:#bcbcbc;font-size:clamp(48px,5.6vw,84px);line-height:1;letter-spacing:-.05em;font-weight:500;white-space:nowrap;text-align:center}
.author{margin:18px 0 0;color:#777;font-size:13px;letter-spacing:.06em}
.services-center{width:100%;margin-top:clamp(70px,10vh,95px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:center}
.services-center span{display:block;min-width:0;white-space:nowrap;color:#8f8f8f;font-size:clamp(12px,.95vw,15px);line-height:1.2;text-align:center}
.services-center span:first-child{text-align:left}.services-center span:last-child{text-align:right}
.site-foot{display:flex;justify-content:flex-end;align-items:flex-end;padding:0 28px 18px;color:#6f6f6f;font-size:12px}.site-foot-right{display:flex;gap:20px}.site-foot a{color:#777}.site-foot a:hover{color:#aaa}
@media(max-width:950px){.hero-center{width:min(94vw,980px)}.quote{white-space:normal}.services-center span{font-size:12px}}
@media(max-width:760px){.services-center{grid-template-columns:1fr;gap:12px;margin-top:58px}.services-center span,.services-center span:first-child,.services-center span:last-child{text-align:center;white-space:normal;font-size:14px}.site-foot{justify-content:center}}

/* V0.4.6 – compact service line */
.services-center{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:0!important;
  width:auto!important;
  max-width:100%!important;
}
.services-center span{
  text-align:center!important;
  white-space:nowrap!important;
  font-size:clamp(12px,.95vw,15px)!important;
}
.services-center span:not(:last-child)::after{
  content:"  ·  ";
  white-space:pre;
  color:#6f6f6f;
}
.services-center span:first-child,
.services-center span:last-child{
  text-align:center!important;
}
@media(max-width:760px){
  .services-center{
    display:block!important;
    text-align:center!important;
  }
  .services-center span{
    display:inline!important;
    white-space:normal!important;
  }
}


/* =========================================================
   V0.4.7 RESPONSIVE FINAL — PUBLIC
   Desktop / iPad / Mobile
   ========================================================= */

html{
  -webkit-text-size-adjust:100%;
}
body{
  overflow-x:hidden;
}

.site-shell{
  width:100%;
}

.hero-center{
  width:min(1100px,calc(100vw - 72px))!important;
  max-width:1100px!important;
}

.quote{
  max-width:100%!important;
  text-wrap:balance;
}

.services-center{
  max-width:100%!important;
}

/* iPad landscape / smaller notebooks */
@media(max-width:1180px){
  .hero-center{
    width:min(94vw,1000px)!important;
  }
  .quote{
    font-size:clamp(44px,6vw,72px)!important;
  }
  .services-center{
    font-size:14px!important;
  }
}

/* iPad portrait */
@media(max-width:860px){
  .site-shell{
    grid-template-rows:58px 1fr 70px!important;
  }
  .site-main{
    padding:22px!important;
  }
  .hero-center{
    width:min(92vw,760px)!important;
  }
  .quote{
    white-space:normal!important;
    font-size:clamp(40px,8vw,64px)!important;
    line-height:1.04!important;
  }
  .author{
    margin-top:14px!important;
  }
  .services-center{
    margin-top:64px!important;
    display:flex!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:10px 18px!important;
  }
  .services-center span{
    font-size:13px!important;
  }
  .services-center span:first-child,
  .services-center span:last-child{
    text-align:center!important;
  }
  .site-foot{
    justify-content:center!important;
    padding:0 18px 18px!important;
  }
}

/* phone */
@media(max-width:560px){
  .site-shell{
    grid-template-rows:54px 1fr auto!important;
  }
  .site-brand{
    font-size:9px!important;
  }
  .site-main{
    align-items:center!important;
    padding:20px 18px 34px!important;
  }
  .hero-center{
    width:100%!important;
  }
  .quote{
    font-size:clamp(34px,11vw,48px)!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
  }
  .author{
    font-size:11px!important;
  }
  .services-center{
    margin-top:50px!important;
    display:block!important;
    text-align:center!important;
    line-height:1.8!important;
  }
  .services-center span{
    display:inline!important;
    white-space:normal!important;
    font-size:12px!important;
  }
  .site-foot{
    padding:12px 16px 18px!important;
    font-size:11px!important;
  }
  .site-foot-right{
    gap:14px!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
  }
}