/* TATUARTE · R55 B417 FIX9 · PREMIUM RESPONSIVE PASS
   Baseline: B417 + FIX3 + FIX5 + FIX6 + FIX7 + FIX8.
   UI only. Final polish for editorial numerals, trust copy/cards and explicit
   tablet/mobile cascade. No route, navigation-controller or data changes. */

/* 1) Editorial numerals: intentionally oversized, atmospheric and behind copy. */
.r20-home .r34r2-intent-grid>a{
  min-height:190px!important;
  padding:22px 21px 20px!important;
}
.r20-home .r34r2-intent-grid>a>span{
  right:2px!important;
  bottom:-22px!important;
  font-size:clamp(108px,7.9vw,142px)!important;
  line-height:.78!important;
  letter-spacing:-.105em!important;
  opacity:1!important;
}
.r20-home .r34r2-intent-grid>a>strong{
  margin:17px 0 8px!important;
  font-size:19.5px!important;
  line-height:1.06!important;
}
.r20-home .r34r2-intent-grid>a>small{
  font-size:13.75px!important;
  line-height:1.48!important;
}
.r20-home .r34r2-intent-grid>a>b{
  font-size:13.25px!important;
}

.r20-home .r20-portal-copy>span{
  right:-3px!important;
  bottom:-13px!important;
  font-size:clamp(82px,6.1vw,112px)!important;
  line-height:.76!important;
  -webkit-text-stroke-width:1.1px!important;
}
.r20-home .r20-portal-copy h3{font-size:clamp(21px,1.55vw,28px)!important;line-height:1!important}
.r20-home .r20-portal-copy p{font-size:13.75px!important;line-height:1.45!important;max-width:27ch}

/* 2) Trust section: useful decision cues, not internal policy copy. */
.tat-home-trust .r23-trust-inner{
  display:grid!important;
  grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr)!important;
  gap:clamp(28px,4vw,70px)!important;
  align-items:center!important;
}
.tat-home-trust .r22-trust-head{align-self:center}
.tat-home-trust .r22-trust-head>span{
  font-size:11px!important;
  letter-spacing:.13em!important;
  color:rgba(255,255,255,.48)!important;
}
.tat-home-trust .r22-trust-head h2{
  font-size:clamp(30px,3.4vw,50px)!important;
  line-height:.92!important;
  letter-spacing:-.045em!important;
  max-width:8ch!important;
  text-wrap:balance;
}
.tat-home-trust .r22-trust-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
.tat-home-trust .r22-trust-grid>div{
  min-height:154px!important;
  padding:22px 20px 20px 82px!important;
  border-radius:20px!important;
  border-color:rgba(255,255,255,.11)!important;
  background:
    radial-gradient(circle at 12% 12%,rgba(78,210,255,.07),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.018))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 32px rgba(0,0,0,.08)!important;
  transition:transform .26s cubic-bezier(.2,.78,.25,1),border-color .26s ease,background .26s ease,box-shadow .26s ease;
}
.tat-home-trust .r22-trust-grid>div:nth-child(2){background:radial-gradient(circle at 12% 12%,rgba(165,125,255,.075),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.018))!important}
.tat-home-trust .r22-trust-grid>div:nth-child(3){background:radial-gradient(circle at 12% 12%,rgba(118,229,154,.07),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.018))!important}
.tat-home-trust .r22-trust-grid>div::before{
  width:44px!important;
  height:44px!important;
  left:20px!important;
  top:21px!important;
}
.tat-home-trust .r22-trust-grid>div::after{width:132px!important;height:132px!important;left:-42px!important;top:-46px!important;opacity:.9}
.tat-home-trust .r22-trust-grid strong{
  font-size:18px!important;
  line-height:1.1!important;
  letter-spacing:-.025em!important;
}
.tat-home-trust .r22-trust-grid span{
  margin-top:8px!important;
  font-size:14.25px!important;
  line-height:1.5!important;
  color:rgba(255,255,255,.70)!important;
  max-width:27ch;
}
.tat-home-trust .r22-trust-grid>div:hover,
.tat-home-trust .r22-trust-grid>div:focus-within{
  transform:translateY(-3px);
  border-color:rgba(123,193,255,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 20px 48px rgba(0,0,0,.16)!important;
}

/* 3) Slightly more premium rhythm without adding more home content. */
.r20-home .r34r2-intent-dock,
.r20-home .r23-directory-entry,
.r20-home .tat-home-trust{scroll-margin-top:96px}
.r20-home .r20-portal-intro h2{font-size:clamp(25px,2.25vw,37px)!important;letter-spacing:-.035em!important}

/* 4) Tablet: keep hierarchy, avoid cramped 5-column/search layouts. */
@media(max-width:1050px){
  .r20-home .r34r2-intent-grid>a{min-height:174px!important}
  .r20-home .r34r2-intent-grid>a>span{font-size:116px!important;right:8px!important;bottom:-18px!important}
  .tat-home-trust .r23-trust-inner{grid-template-columns:1fr!important;gap:24px!important}
  .tat-home-trust .r22-trust-head{display:grid!important;grid-template-columns:auto 1fr;gap:16px 24px;align-items:end!important}
  .tat-home-trust .r22-trust-head>span{grid-column:1/-1}
  .tat-home-trust .r22-trust-head h2{max-width:none!important;font-size:38px!important}
}
@media(max-width:900px){
  .tat-home-trust .r22-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .tat-home-trust .r22-trust-grid>div:nth-child(3){grid-column:1/-1}
  .tat-home-trust .r22-trust-grid>div:nth-child(3) span{max-width:44ch}
  .r20-home .r20-portal-copy>span{font-size:94px!important}
}

/* 5) Explicit mobile search cascade. FIX8 is loaded after the original search CSS,
      so we restate the intended two-column / one-column mobile rules here. */
@media(max-width:680px){
  .r34r4-body .r34r4-search-stage{width:100%!important;max-width:100%!important;margin:4px 0 0!important}
  .r34r4-body .r34r4-search-form{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    min-height:0!important;
  }
  .r34r4-body .r34r4-query-field{grid-column:1/-1!important}
  .r34r4-body .r34r4-query-field input{height:62px!important;font-size:16px!important}
  .r34r4-body .r34r4-filter-field{min-height:60px!important;padding:9px 12px!important;border-bottom:1px solid #d9dbe0!important}
  .r34r4-body .r34r4-submit{grid-column:1/-1!important;min-height:52px!important;margin:0!important}

  .r20-home .r34r2-intent-grid>a{min-height:158px!important;padding:19px 18px 18px!important}
  .r20-home .r34r2-intent-grid>a>span{font-size:100px!important;right:8px!important;bottom:-16px!important}
  .r20-home .r34r2-intent-grid>a>strong{font-size:18.5px!important;margin-top:12px!important}
  .r20-home .r34r2-intent-grid>a>small{font-size:13.5px!important}

  .r20-home .r20-portal-copy>span{font-size:88px!important;right:2px!important;bottom:-10px!important}
  .r20-home .r20-portal-copy h3{font-size:25px!important}
  .r20-home .r20-portal-copy p{font-size:13.5px!important;max-width:25ch}

  .tat-home-trust .r22-trust-grid{grid-template-columns:1fr!important}
  .tat-home-trust .r22-trust-grid>div:nth-child(3){grid-column:auto}
  .tat-home-trust .r22-trust-head{display:block!important}
  .tat-home-trust .r22-trust-head h2{font-size:34px!important;margin-top:7px!important}
  .tat-home-trust .r22-trust-grid>div{min-height:132px!important;padding:20px 18px 18px 76px!important}
  .tat-home-trust .r22-trust-grid>div::before{width:40px!important;height:40px!important;left:18px!important;top:19px!important}
  .tat-home-trust .r22-trust-grid strong{font-size:17.5px!important}
  .tat-home-trust .r22-trust-grid span{font-size:14px!important;max-width:none}
}
@media(max-width:430px){
  .r34r4-body .r34r4-search-form{grid-template-columns:1fr!important}
  .r34r4-body .r34r4-query-field,
  .r34r4-body .r34r4-filter-field,
  .r34r4-body .r34r4-submit{grid-column:1!important;border-right:0!important}
  .r20-home .r34r2-intent-grid>a>span{font-size:92px!important}
  .r20-home .r20-portal-copy>span{font-size:80px!important}
}

@media(prefers-reduced-motion:reduce){
  .tat-home-trust .r22-trust-grid>div{transition:none!important;transform:none!important}
}