/* Syed Q Mentoring — motion & interaction layer (staging) */
:root{
  --m-ink:#111;--m-muted:#55595f;--m-gold:#c9a063;--m-gold-d:#86602a;--m-cream:#f6f2ea;--m-line:#e3dccb;
  --m-ease:cubic-bezier(.22,1,.36,1);--m-ease-in:cubic-bezier(.65,0,.35,1);--m-spring:cubic-bezier(.34,1.56,.64,1);
}

/* ---------- typography refinements ---------- */
h1,h2,h3{text-wrap:balance}
p,li{text-wrap:pretty}
::selection{background:#ecd9b6;color:#111}
.sq-sec p a:not(.wp-block-button__link),.sq-narrow2 a:not(.wp-block-button__link),.sq-fine2 a,.sq-more a,.sq-legal a{
  color:inherit;text-decoration:none;
  background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat,
             linear-gradient(var(--m-gold),var(--m-gold)) 0 100%/0 2px no-repeat;
  transition:background-size .45s var(--m-ease),color .2s ease;padding-bottom:1px}
.sq-sec p a:not(.wp-block-button__link):hover,.sq-narrow2 a:not(.wp-block-button__link):hover,.sq-fine2 a:hover,.sq-more a:hover,.sq-legal a:hover{
  background-size:100% 1px,100% 2px;color:var(--m-gold-d)}
.sq-more a{font-weight:600;color:var(--m-gold-d)!important;display:inline-flex;align-items:center;gap:.4em}
.sq-more a::after{content:"→";display:inline-block;transition:transform .35s var(--m-spring)}
.sq-more a:hover::after{transform:translateX(4px)}

/* ---------- header & navigation ---------- */
.sq-header{transition:box-shadow .35s ease,padding .35s var(--m-ease),background-color .35s ease!important}
html.sqm .sq-header.is-scrolled{box-shadow:0 10px 30px -12px rgba(17,17,17,.18);padding-block:.4rem!important}
.sq-header .custom-logo{transition:transform .5s var(--m-spring),width .35s var(--m-ease)}
.sq-nav .wp-block-navigation__container{gap:.25rem!important}
.sq-nav .wp-block-navigation-item__content{
  position:relative;background:none!important;padding:.45rem .8rem!important;border:1px solid transparent;border-radius:999px;
  transition:border-color .3s ease,background-color .3s ease,color .2s ease!important}
.sq-nav .wp-block-navigation-item__label{position:relative;display:inline-block}
.sq-nav .wp-block-navigation-item__label::after{
  content:"";position:absolute;left:0;right:0;bottom:-3px;height:1.5px;background:var(--m-gold);
  transform:scaleX(0);transform-origin:right center;transition:transform .45s var(--m-ease)}
.sq-nav .wp-block-navigation-item__content:hover,.sq-nav .wp-block-navigation-item__content:focus-visible{
  border-color:rgba(17,17,17,.14);background-color:rgba(246,242,234,.7)}
.sq-nav .wp-block-navigation-item__content:hover .wp-block-navigation-item__label::after,
.sq-nav .wp-block-navigation-item__content:focus-visible .wp-block-navigation-item__label::after{transform:scaleX(1);transform-origin:left center}
.sq-nav .current-menu-item>.wp-block-navigation-item__content,.sq-nav [aria-current="page"]{color:var(--m-gold-d)!important}
.sq-nav .current-menu-item>.wp-block-navigation-item__content .wp-block-navigation-item__label::after,
.sq-nav [aria-current="page"] .wp-block-navigation-item__label::after{transform:scaleX(1)}

/* mobile overlay menu */
.sq-nav .wp-block-navigation__responsive-container.is-menu-open{background:#fbfaf7!important;padding:1.5rem!important}
.sq-nav .is-menu-open .wp-block-navigation__container{gap:.35rem!important;align-items:flex-start!important}
.sq-nav .is-menu-open .wp-block-navigation-item__content,html.sqm .sq-nav .is-menu-open .wp-block-navigation-item__content{font-family:"DM Serif Display",Georgia,serif!important;font-weight:400!important;font-size:1.9rem!important;letter-spacing:-.01em;padding:.35rem 0!important;border:0!important;background:none!important;outline:none!important}
.sq-nav .is-menu-open .wp-block-navigation-item__content:focus-visible .wp-block-navigation-item__label::after{transform:scaleX(1)}
.sq-nav .is-menu-open .wp-block-navigation-item{opacity:0;transform:translateY(14px);animation:sqmIn .55s var(--m-ease) forwards}
.sq-nav .is-menu-open .wp-block-navigation-item:nth-child(1){animation-delay:.05s}
.sq-nav .is-menu-open .wp-block-navigation-item:nth-child(2){animation-delay:.1s}
.sq-nav .is-menu-open .wp-block-navigation-item:nth-child(3){animation-delay:.15s}
.sq-nav .is-menu-open .wp-block-navigation-item:nth-child(4){animation-delay:.2s}
.sq-nav .is-menu-open .wp-block-navigation-item:nth-child(5){animation-delay:.25s}
.sq-nav .is-menu-open .wp-block-navigation-item:nth-child(6){animation-delay:.3s}
@keyframes sqmIn{to{opacity:1;transform:none}}

/* header fit */
.sq-site-title,.sq-site-title a{white-space:nowrap}
.sq-header-btn .wp-block-button__link{white-space:nowrap;padding:.7em 1.15em!important;font-size:.9rem!important}
.sq-nav .wp-block-navigation__container{flex-wrap:nowrap!important}
.sq-nav .wp-block-navigation-item__content{white-space:nowrap;font-size:.94rem}
@media (max-width:1280px){.sq-nav .wp-block-navigation-item__content{padding:.4rem .55rem!important;font-size:.9rem}}
.sq-band-text .sqm-sep{margin:0 .7em;color:rgba(17,17,17,.55)}

/* scroll progress */
.sqm-progress{position:fixed;top:0;left:0;right:0;height:2px;background:var(--m-gold);transform-origin:0 50%;transform:scaleX(0);z-index:100;pointer-events:none}

/* ---------- buttons ---------- */
.wp-block-button__link,.wpforms-container button.wpforms-submit{
  position:relative;overflow:hidden;isolation:isolate;display:inline-flex!important;align-items:center;justify-content:center;gap:.55em;
  letter-spacing:.01em;transition:color .35s var(--m-ease),border-color .35s ease,box-shadow .35s ease,transform .35s var(--m-ease)!important}
.wp-block-button__link::after,.wpforms-submit::after{display:none!important;animation:none!important}
.wp-block-button__link::before,.wpforms-container button.wpforms-submit::before{
  content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;transform:translateY(101%);
  transition:transform .5s var(--m-ease)}
.wp-block-button__link:hover::before,.wp-block-button__link:focus-visible::before,
.wpforms-container button.wpforms-submit:hover::before{transform:translateY(0)}
.wp-block-button__link:hover,.wpforms-container button.wpforms-submit:hover{transform:translateY(-2px)!important}
.wp-block-button__link:active,.wpforms-container button.wpforms-submit:active{transform:translateY(0) scale(.98)!important;transition-duration:.1s!important}
.sq-hero2 .sq-btn-tan .wp-block-button__link{animation:none!important}

/* gold primary → ink fill */
.wp-block-button.sq-btn-tan .wp-block-button__link,.wpforms-container button.wpforms-submit{background:var(--m-gold)!important;color:#111!important;border:1px solid var(--m-gold)!important}
.wp-block-button.sq-btn-tan .wp-block-button__link::before,.wpforms-container button.wpforms-submit::before{background:#111}
.wp-block-button.sq-btn-tan .wp-block-button__link:hover,.wpforms-container button.wpforms-submit:hover{color:#fff!important;border-color:#111!important;box-shadow:0 14px 28px -14px rgba(17,17,17,.55)}
/* ghost → gold fill */
.wp-block-button.sq-btn-ghost .wp-block-button__link{background:#fff!important;border:1px solid rgba(17,17,17,.18)!important;color:#111!important}
.wp-block-button.sq-btn-ghost .wp-block-button__link::before{background:var(--m-cream)}
.wp-block-button.sq-btn-ghost .wp-block-button__link:hover{border-color:#111!important}
/* dark → gold fill */
.wp-block-button.sq-btn-dark .wp-block-button__link{background:#111!important;color:#fff!important;border:1px solid #111!important}
.wp-block-button.sq-btn-dark .wp-block-button__link::before{background:var(--m-gold)}
.wp-block-button.sq-btn-dark .wp-block-button__link:hover{color:#111!important;border-color:var(--m-gold)!important}
/* arrow injected by JS */
.sqm-arr{display:inline-block;width:0;opacity:0;transform:translateX(-6px);transition:width .4s var(--m-ease),opacity .3s ease,transform .4s var(--m-ease);overflow:hidden}
.wp-block-button__link:hover .sqm-arr,.wp-block-button__link:focus-visible .sqm-arr{width:1em;opacity:1;transform:none}
.sq-header-btn .sqm-arr{display:none}

/* ---------- cards ---------- */
.sq-card{
  background:linear-gradient(var(--m-gold),var(--m-gold)) 0 0/0 3px no-repeat,#fff!important;
  transition:transform .5s var(--m-ease),box-shadow .5s var(--m-ease),background-size .6s var(--m-ease),border-color .3s ease!important}
@media (hover:hover){
  .sq-card:hover{transform:translateY(-6px)!important;background-size:100% 3px,auto!important;border-color:rgba(201,160,99,.55)!important;box-shadow:0 24px 44px -26px rgba(17,17,17,.35)!important}
}
.sq-glancecard{transition:transform .5s var(--m-ease),box-shadow .5s var(--m-ease)}
@media (hover:hover){.sq-glancecard:hover{transform:translateY(-4px);box-shadow:0 28px 50px -28px rgba(17,17,17,.6)}}
.sq-glance li{transition:padding-left .35s var(--m-ease)}
.sq-glancecard .sq-glance li:hover{padding-left:.35rem}

/* price table */
@media (max-width:640px){
  .sq-tablewrap{border:0;background:none;overflow:visible}
  .sq-ptable thead{position:absolute;left:-9999px}
  .sq-ptable,.sq-ptable tbody,.sq-ptable tr,.sq-ptable th,.sq-ptable td{display:block;width:auto;box-sizing:border-box}
  .sq-ptable{width:100%}
  .sq-ptable tr{background:#fff;border:1px solid var(--m-line);border-radius:14px;padding:.4rem 1rem;margin-bottom:.8rem}
  .sq-ptable tbody th{font-family:"DM Serif Display",serif;font-weight:400;font-size:1.2rem;border-bottom:1px solid var(--m-line)!important;padding:.7rem 0!important}
  .sq-ptable td{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0!important;border-bottom:1px dashed var(--m-line)!important;text-align:right}
  .sq-ptable td:last-child{border-bottom:0!important}
  .sq-ptable td::before{content:attr(data-label);color:var(--m-muted);text-align:left;flex:none}
}
.sq-ptable tbody tr{transition:background-color .25s ease}
.sq-ptable tbody tr:hover{background:#fbf8f2}
.sq-ptable tbody tr:hover th{color:var(--m-gold-d)}

/* section heading accent (added by JS) */
.sqm-h2{position:relative}
.sqm-h2::before{content:"";display:block;width:44px;height:2px;background:var(--m-gold);margin-bottom:1rem;transform-origin:0 50%}
.sq-dark .sqm-h2::before{margin-inline:auto}

/* portrait */
.sq-portrait{overflow:hidden;border-radius:24px}
.sq-portrait img{transition:transform 1.4s var(--m-ease)!important;will-change:transform}
@media (hover:hover){.sq-portrait-wrap:hover .sq-portrait img{transform:scale(1.035)}}
.sq-portrait-wrap::before{transition:transform .8s var(--m-ease),opacity .8s ease}
@media (hover:hover){.sq-portrait-wrap:hover::before{transform:translate(6px,6px)}}

/* FAQ */
details.wp-block-details{transition:border-color .3s ease,box-shadow .35s ease!important}
details.wp-block-details:hover{border-color:rgba(201,160,99,.6)!important}
details.wp-block-details[open]{border-color:var(--m-gold)!important}
details.wp-block-details summary{transition:color .2s ease}
details.wp-block-details summary:hover{color:var(--m-gold-d)}
details.wp-block-details[open]>p{animation:none!important}

/* forms */
.wpforms-container input[type=text],.wpforms-container input[type=email],.wpforms-container input[type=tel],.wpforms-container select,.wpforms-container textarea{
  transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease!important}
.wpforms-container input:focus,.wpforms-container select:focus,.wpforms-container textarea:focus{
  border-color:var(--m-gold)!important;box-shadow:0 0 0 4px rgba(201,160,99,.18)!important;background:#fff!important;outline:none!important}
.wpforms-container .wpforms-field:focus-within>.wpforms-field-label{color:var(--m-gold-d)!important}
.wpforms-container input[type=checkbox],.wpforms-container input[type=radio]{accent-color:var(--m-gold-d)}

/* trust strip */
.sq-trust li{transition:border-color .3s ease}
.sq-trust li:hover{border-left-color:#111}

/* mobile sticky CTA */
.sq-mcta{transition:transform .5s var(--m-ease),opacity .4s ease}
html.sqm .sq-mcta.sqm-hide{transform:translateY(140%);opacity:0}

/* ---------- reveal on scroll (only when JS is running) ---------- */
html.sqm .sqm-rv{opacity:0;transform:translateY(26px);transition:opacity .9s var(--m-ease) var(--d,0s),transform 1s var(--m-ease) var(--d,0s)}
html.sqm .sqm-rv.sqm-scale{transform:translateY(30px) scale(.97)}
html.sqm .sqm-rv.sqm-in{opacity:1;transform:none}
html.sqm .sqm-h2.sqm-rv::before{transform:scaleX(0);transition:transform .9s var(--m-ease) calc(var(--d,0s) + .25s)}
html.sqm .sqm-h2.sqm-rv.sqm-in::before{transform:scaleX(1)}
html.sqm .sq-process li.sqm-rv{transform:translateX(-14px)}
html.sqm .sq-process li.sqm-rv.sqm-in{transform:none}
/* motto words */
html.sqm .sq-band-text .sqm-word{display:inline-block;opacity:0;transform:translateY(60%);transition:opacity .6s ease var(--d,0s),transform .8s var(--m-ease) var(--d,0s)}
html.sqm .sq-band.sqm-in .sqm-word{opacity:1;transform:none}

/* hero entrance */
html.sqm .sq-hero2 .sq-pill,html.sqm .sq-hero2 .sq-lead2,html.sqm .sq-hero2 .wp-block-buttons{opacity:0;transform:translateY(18px);animation:sqmUp .9s var(--m-ease) forwards}
html.sqm .sq-hero2 .sq-pill{animation-delay:.05s}
html.sqm .sq-hero2 .sq-lead2{animation-delay:.55s}
html.sqm .sq-hero2 .wp-block-buttons{animation-delay:.7s}
html.sqm .sq-hero2 h1 .sqm-l{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
html.sqm .sq-hero2 h1 .sqm-l>span{display:inline-block;transform:translateY(105%);animation:sqmLine 1s var(--m-ease) forwards;animation-delay:calc(.15s + var(--i,0) * .06s)}
html.sqm .sq-portrait-wrap{opacity:0;animation:sqmFade .01s .2s forwards}
html.sqm .sq-portrait{clip-path:inset(8% 8% 8% 8% round 24px);animation:sqmClip 1.4s var(--m-ease) .25s forwards}
html.sqm .sq-portrait img{animation:sqmZoom 1.8s var(--m-ease) .25s backwards}
html.sqm .sq-portrait-wrap::before{opacity:0;transform:translate(-14px,-14px);animation:sqmFrame 1s var(--m-ease) .9s forwards}
@keyframes sqmUp{to{opacity:1;transform:none}}
@keyframes sqmLine{to{transform:none}}
@keyframes sqmFade{to{opacity:1}}
@keyframes sqmClip{to{clip-path:inset(0 0 0 0 round 24px)}}
@keyframes sqmZoom{from{transform:scale(1.12)}}
@keyframes sqmFrame{to{opacity:1;transform:none}}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  html.sqm .sqm-rv,html.sqm .sq-band-text .sqm-word,html.sqm .sq-hero2 *,html.sqm .sq-portrait-wrap,html.sqm .sq-portrait{opacity:1!important;transform:none!important;clip-path:none!important}
}