/* Phase 26 — approved banner library, homepage portfolio, header and search polish. */

/* Header: consistent controls, clearer spacing and an unboxed logo. */
.sam-phase26 .sam-header{
  border-bottom-color:rgba(255,255,255,.1);
  background:linear-gradient(180deg,rgba(8,9,13,.96),rgba(8,9,13,.86));
  box-shadow:0 10px 34px rgba(0,0,0,.12);
}
.sam-phase26 .sam-header.is-transparent{background:linear-gradient(180deg,rgba(6,7,11,.94),rgba(6,7,11,.72));}
.sam-phase26 .sam-header-inner{min-height:92px;gap:18px;}
.sam-phase26 .sam-brand{gap:12px;flex:0 0 auto;}
.sam-phase26 .sam-logo-mark{
  width:58px;height:58px;flex-basis:58px;border:0;border-radius:0;padding:0;
  overflow:visible;background:transparent!important;box-shadow:none!important;
}
.sam-phase26 .sam-logo-mark .custom-logo-link{display:grid;place-items:center;width:100%;height:100%;}
.sam-phase26 .sam-logo-mark img,.sam-phase26 .sam-logo-mark .custom-logo{
  width:100%;height:100%;padding:0!important;border:0;border-radius:0;
  object-fit:contain;background:transparent!important;box-shadow:none!important;filter:none!important;
}
.sam-phase26 .sam-brand-copy strong{font-size:1.28rem;letter-spacing:.04em;white-space:nowrap;}
.sam-phase26 .sam-nav-shell{gap:13px;min-width:0;}
.sam-phase26 .sam-nav{display:flex;align-items:center;min-width:0;}
.sam-phase26 .sam-menu a{padding:13px 8px;font-size:.77rem;letter-spacing:.062em;}
.sam-phase26 .sam-menu a:after{left:8px;right:8px;bottom:8px;}
.sam-phase26 .sam-header-actions{
  gap:8px;padding-left:12px;border-left:1px solid rgba(255,255,255,.1);flex:0 0 auto;
}
.sam-phase26 .sam-round-action,
.sam-phase26 .sam-header-cart,
.sam-phase26 .sam-header-order,
.sam-phase26 .sam-header-cta{
  min-height:46px;height:46px;border-radius:13px;clip-path:none!important;
  transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease;
}
.sam-phase26 .sam-round-action{
  width:46px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.045);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.sam-phase26 .sam-round-action:hover,.sam-phase26 .sam-round-action:focus-visible{
  transform:translateY(-2px);background:rgba(255,177,22,.13);border-color:rgba(255,177,22,.5);outline:none;
}
.sam-phase26 .sam-header-cart{
  min-width:91px;padding:6px 12px 6px 7px;border-color:rgba(255,255,255,.16);border-radius:13px;
  background:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.sam-phase26 .sam-header-cart__icon{width:32px;height:32px;border-radius:10px;}
.sam-phase26 .sam-header-cart__copy small{font-size:.54rem;}
.sam-phase26 .sam-header-cart__copy strong{font-size:.73rem;}
.sam-phase26 .sam-header-cart__count{right:-5px;top:-7px;border-color:#0b0c10;}
.sam-phase26 .sam-header-order{
  min-width:154px;padding:0 17px;border:1px solid rgba(255,177,22,.68);border-radius:13px;
  background:rgba(255,177,22,.035);color:#ffb116!important;font:800 .72rem/1 Inter,Arial,sans-serif;
  letter-spacing:.055em;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.sam-phase26 .sam-header-order:hover,.sam-phase26 .sam-header-order:focus-visible{
  background:#ffb116;color:#101116!important;box-shadow:0 12px 28px rgba(255,177,22,.2);
}
.sam-phase26 .sam-header-cta{
  min-width:91px;padding:0 16px;border:1px solid #ffb116;border-radius:13px;
  background:#ffb116;color:#111318;font-size:.73rem;box-shadow:0 12px 26px rgba(255,177,22,.18);
}
.sam-phase26 .sam-header-cta:hover,.sam-phase26 .sam-header-cta:focus-visible{
  transform:translateY(-2px);background:#ffc342;border-color:#ffc342;outline:none;
}
.sam-phase26 .sam-header-phone{display:none!important;}

/* Full search experience. */
.sam-phase26 .sam-search-overlay{
  z-index:10000;align-items:center;justify-content:center;padding:clamp(18px,4vw,58px);
  overflow:auto;background:
    radial-gradient(circle at 18% 18%,rgba(255,177,22,.15),transparent 26%),
    radial-gradient(circle at 86% 78%,rgba(41,116,255,.13),transparent 27%),
    rgba(5,6,10,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.sam-phase26 .sam-search-overlay:before,.sam-phase26 .sam-search-overlay:after{
  content:"";position:fixed;border:1px solid rgba(255,255,255,.045);border-radius:50%;pointer-events:none;
}
.sam-phase26 .sam-search-overlay:before{width:520px;height:520px;left:-190px;top:-210px;}
.sam-phase26 .sam-search-overlay:after{width:420px;height:420px;right:-140px;bottom:-170px;}
.sam-phase26 .sam-search-close{
  position:fixed;z-index:3;top:22px;right:24px;display:grid;place-items:center;gap:1px;
  width:58px;height:58px;border:1px solid rgba(255,255,255,.14);border-radius:18px;
  background:rgba(255,255,255,.055);font-size:2rem;line-height:.8;backdrop-filter:blur(10px);
}
.sam-phase26 .sam-search-close small{font-size:.56rem;letter-spacing:.12em;color:rgba(255,255,255,.58);}
.sam-phase26 .sam-search-close:hover,.sam-phase26 .sam-search-close:focus-visible{
  background:rgba(255,177,22,.15);border-color:rgba(255,177,22,.48);outline:none;
}
.sam-phase26 .sam-search-dialog{
  position:relative;z-index:2;width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.72fr);
  overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:32px;
  background:linear-gradient(145deg,rgba(17,19,28,.98),rgba(8,9,14,.99));
  box-shadow:0 48px 140px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.06);
}
.sam-phase26 .sam-search-main{padding:clamp(34px,5vw,70px);}
.sam-phase26 .sam-search-eyebrow{
  display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;color:#ffb116;
  font:800 .68rem/1 Inter,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;
}
.sam-phase26 .sam-search-eyebrow:before{content:"";width:26px;height:2px;background:#ffb116;}
.sam-phase26 .sam-search-main>p{
  margin:0 0 12px;color:rgba(255,255,255,.54);font:800 .73rem/1 Inter,Arial,sans-serif;
  letter-spacing:.12em;text-transform:uppercase;
}
.sam-phase26 .sam-search-main h2{
  max-width:760px;margin:0;color:#fff;font:800 clamp(2.65rem,5.2vw,5.1rem)/.94 "Barlow Condensed",Impact,sans-serif;
  letter-spacing:.005em;text-transform:uppercase;
}
.sam-phase26 .sam-search-note{display:block;max-width:700px;margin:20px 0 30px;color:rgba(255,255,255,.62);font-size:.98rem;}
.sam-phase26 .sam-search-form{width:100%;}
.sam-phase26 .sam-search-form__field{
  grid-template-columns:auto minmax(0,1fr) auto;gap:13px;padding:10px 10px 10px 12px;
  border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(255,255,255,.045);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 24px 60px rgba(0,0,0,.22);
}
.sam-phase26 .sam-search-form__icon{width:48px;height:48px;border-radius:15px;background:rgba(255,177,22,.13);}
.sam-phase26 .sam-search-main input[type=search]{font-size:clamp(1.05rem,2vw,1.55rem);font-weight:600;}
.sam-phase26 .sam-search-main .search-submit{
  min-width:110px;min-height:48px;border-radius:15px;background:#ffb116;color:#111318;
  box-shadow:0 10px 25px rgba(255,177,22,.16);
}
.sam-phase26 .sam-search-main .search-submit:hover{background:#ffc342;}
.sam-phase26 .sam-search-shortcuts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;}
.sam-phase26 .sam-search-shortcuts>span{margin-right:3px;color:rgba(255,255,255,.42);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;}
.sam-phase26 .sam-search-shortcuts a{
  padding:7px 10px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035);
  color:rgba(255,255,255,.72);font-size:.76rem;transition:.2s ease;
}
.sam-phase26 .sam-search-shortcuts a:hover{color:#fff;border-color:rgba(255,177,22,.38);background:rgba(255,177,22,.08);}
.sam-phase26 .sam-search-routes{
  display:flex;flex-direction:column;padding:clamp(30px,4vw,54px) clamp(24px,3vw,38px);
  border-left:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
}
.sam-phase26 .sam-search-routes__label{margin-bottom:18px;color:rgba(255,255,255,.48);font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;}
.sam-phase26 .sam-search-routes>a{
  display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:13px;padding:18px 0;
  border-top:1px solid rgba(255,255,255,.075);color:#fff;transition:padding .2s ease,color .2s ease;
}
.sam-phase26 .sam-search-routes>a:last-child{border-bottom:1px solid rgba(255,255,255,.075);}
.sam-phase26 .sam-search-routes>a>strong{color:#ffb116;font:800 .75rem/1 Inter,Arial,sans-serif;}
.sam-phase26 .sam-search-routes>a span{display:grid;gap:5px;}
.sam-phase26 .sam-search-routes>a b{font-size:.92rem;}
.sam-phase26 .sam-search-routes>a small{color:rgba(255,255,255,.48);font-size:.73rem;line-height:1.4;}
.sam-phase26 .sam-search-routes>a svg{width:18px;height:18px;color:rgba(255,255,255,.45);transition:transform .2s ease,color .2s ease;}
.sam-phase26 .sam-search-routes>a:hover{padding-left:5px;color:#ffb116;}
.sam-phase26 .sam-search-routes>a:hover svg{transform:translateX(4px);color:#ffb116;}

/* Homepage about section contrast repair. */
.sam-phase26.sam-home #about,.sam-phase26 .sam-home #about{
  background:
    radial-gradient(circle at 14% 20%,rgba(255,177,22,.08),transparent 27%),
    linear-gradient(180deg,#050609,#090a0f);color:#fff;
}
.sam-phase26 .sam-home #about .sam-title,.sam-phase26 .sam-home #about .sam-about-copy h2{color:#fff!important;text-shadow:0 12px 40px rgba(0,0,0,.28);}
.sam-phase26 .sam-home #about .sam-copy{color:rgba(255,255,255,.68)!important;}
.sam-phase26 .sam-home #about .sam-check-list span{color:rgba(255,255,255,.76)!important;}
.sam-phase26 .sam-home #about .sam-check-list svg{color:#ffb116;}
.sam-phase26 .sam-home #about .sam-mini-stats{border-top-color:rgba(255,255,255,.12);}
.sam-phase26 .sam-home #about .sam-mini-stats strong{color:#fff!important;}
.sam-phase26 .sam-home #about .sam-mini-stats span{color:rgba(255,255,255,.52)!important;}
.sam-phase26 .sam-home #about .sam-about-block{background:#f4f4f5;}
.sam-phase26 .sam-home #about .sam-about-main,.sam-phase26 .sam-home #about .sam-about-small{box-shadow:0 28px 70px rgba(0,0,0,.34);}

/* Homepage portfolio: real editable sam_project items, four-card editorial grid. */
.sam-phase26 .sam-home-showcase{
  background:linear-gradient(180deg,#f6f8fc,#eef2f8);color:#151820;
}
.sam-phase26 .sam-p26-portfolio-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:44px;
}
.sam-phase26 .sam-p26-portfolio-head>div{max-width:850px;}
.sam-phase26 .sam-p26-portfolio-head .sam-title{color:#11141b;max-width:13ch;}
.sam-phase26 .sam-p26-portfolio-head .sam-copy{color:#626a78;}
.sam-phase26 .sam-p26-work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;}
.sam-phase26 .sam-p26-work-card{
  grid-column:span 6;overflow:hidden;border:1px solid rgba(15,20,31,.09);border-radius:26px;
  background:#fff;box-shadow:0 22px 58px rgba(24,34,55,.09);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.sam-phase26 .sam-p26-work-card:hover{transform:translateY(-7px);border-color:rgba(35,93,219,.2);box-shadow:0 30px 75px rgba(24,34,55,.15);}
.sam-phase26 .sam-p26-work-media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#dceafe;}
.sam-phase26 .sam-p26-work-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.75,.2,1);}
.sam-phase26 .sam-p26-work-card:hover .sam-p26-work-media img{transform:scale(1.025);}
.sam-phase26 .sam-p26-work-number{
  position:absolute;right:15px;bottom:15px;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;
  background:rgba(10,14,25,.86);color:#fff;font:800 .82rem/1 Inter,Arial,sans-serif;backdrop-filter:blur(10px);
}
.sam-phase26 .sam-p26-work-body{padding:25px 26px 24px;}
.sam-phase26 .sam-p26-work-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px;color:#667082;font-size:.68rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;}
.sam-phase26 .sam-p26-work-meta span:first-child{color:#1763e7;}
.sam-phase26 .sam-p26-work-body h3{margin:0;color:#11141b;font:800 clamp(1.75rem,2.7vw,2.55rem)/1 "Barlow Condensed",Impact,sans-serif;text-transform:uppercase;}
.sam-phase26 .sam-p26-work-body h3 a:hover{color:#1763e7;}
.sam-phase26 .sam-p26-work-body>p{margin:13px 0 22px;color:#636c7a;font-size:.92rem;line-height:1.7;}
.sam-phase26 .sam-p26-work-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-top:18px;border-top:1px solid #e8ebf0;}
.sam-phase26 .sam-p26-work-foot>span{display:grid;gap:5px;}
.sam-phase26 .sam-p26-work-foot b{color:#1d2230;font-size:.8rem;}
.sam-phase26 .sam-p26-work-foot small{color:#7a8290;font-size:.68rem;line-height:1.45;}
.sam-phase26 .sam-p26-work-foot>a{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:#11141b;color:#fff;transition:.22s ease;}
.sam-phase26 .sam-p26-work-foot>a svg{width:18px;height:18px;}
.sam-phase26 .sam-p26-work-foot>a:hover{background:#1763e7;transform:translateX(3px);}

/* Approved service artwork should remain legible in cards and single products. */
.sam-phase26 .sam-p20-product-cover,
.sam-phase26 .sam-home-commerce .sam-p15-product-media img,
.sam-phase26 .woocommerce ul.products li.product img,
.sam-phase26 .single-product div.product div.images img{
  object-fit:cover;object-position:center;}
.sam-phase26 .sam-p20-product-cover{aspect-ratio:16/10;}

@media (min-width:1101px){
  .sam-phase26 .sam-p26-work-card.is-card-1,.sam-phase26 .sam-p26-work-card.is-card-4{grid-column:span 7;}
  .sam-phase26 .sam-p26-work-card.is-card-2,.sam-phase26 .sam-p26-work-card.is-card-3{grid-column:span 5;}
}
@media (max-width:1280px){
  .sam-phase26 .sam-brand-copy strong{font-size:1.12rem;}
  .sam-phase26 .sam-menu a{padding-inline:6px;font-size:.72rem;}
  .sam-phase26 .sam-header-order{min-width:138px;padding-inline:12px;font-size:.66rem;}
  .sam-phase26 .sam-header-cta{min-width:82px;padding-inline:12px;font-size:.68rem;}
  .sam-phase26 .sam-header-cart{min-width:auto;padding:6px;}
  .sam-phase26 .sam-header-cart__copy{display:none;}
}
@media (max-width:1080px){
  .sam-phase26 .sam-search-dialog{grid-template-columns:1fr;}
  .sam-phase26 .sam-search-routes{border-left:0;border-top:1px solid rgba(255,255,255,.08);}
  .sam-phase26 .sam-p26-work-card{grid-column:span 6!important;}
  .sam-phase26 .sam-header-order{display:none!important;}
}
@media (max-width:900px){
  .sam-phase26 .sam-header-inner{min-height:80px;}
  .sam-phase26 .sam-logo-mark{width:52px;height:52px;flex-basis:52px;}
  .sam-phase26 .sam-header-actions{padding-left:0;border-left:0;}
  .sam-phase26 .sam-nav-shell{gap:10px;}
  .sam-phase26 .sam-p26-portfolio-head{align-items:flex-start;flex-direction:column;}
  .sam-phase26 .sam-search-dialog{border-radius:24px;}
}
@media (max-width:700px){
  .sam-phase26 .sam-brand-copy strong{font-size:1rem;}
  .sam-phase26 .sam-header-cta{display:inline-flex!important;min-width:auto;height:42px;min-height:42px;padding:0 12px;}
  .sam-phase26 .sam-round-action{display:grid!important;}
  .sam-phase26 .sam-search-overlay{align-items:flex-start;padding:82px 12px 20px;}
  .sam-phase26 .sam-search-close{top:14px;right:14px;width:50px;height:50px;border-radius:15px;}
  .sam-phase26 .sam-search-main{padding:30px 20px;}
  .sam-phase26 .sam-search-main h2{font-size:clamp(2.35rem,12vw,3.45rem);}
  .sam-phase26 .sam-search-form__field{grid-template-columns:1fr;padding:12px;}
  .sam-phase26 .sam-search-form__icon{display:none;}
  .sam-phase26 .sam-search-main .search-submit{width:100%;}
  .sam-phase26 .sam-search-routes{padding:26px 20px;}
  .sam-phase26 .sam-p26-work-grid{grid-template-columns:1fr;}
  .sam-phase26 .sam-p26-work-card{grid-column:1/-1!important;border-radius:20px;}
  .sam-phase26 .sam-p26-work-body{padding:21px 20px;}
  .sam-phase26 .sam-p26-work-foot{align-items:flex-start;}
}
@media (max-width:520px){
  .sam-phase26 .sam-brand-copy{display:none;}
  .sam-phase26 .sam-header-actions{gap:6px;}
  .sam-phase26 .sam-header-cart{display:flex!important;}
  .sam-phase26 .sam-header-cta{font-size:.62rem;padding-inline:10px;}
}
@media (prefers-reduced-motion:reduce){
  .sam-phase26 .sam-p26-work-card,.sam-phase26 .sam-p26-work-media img,.sam-phase26 .sam-search-routes>a,.sam-phase26 .sam-search-routes>a svg{transition:none!important;}
}
