/* CLUBHAUS: reference yellow, charcoal finish, official artwork and crisp member details. */
.ahf-ui-icon{display:inline-block;width:16px;height:16px;min-width:16px;vertical-align:-.16em;flex:0 0 16px;color:inherit;pointer-events:none}
body.autohaus-20-landing.owners-experience{--ahf-yellow:#f0c82c;--yellow:#f0c82c}
body.autohaus-20-landing.owners-experience .button-yellow:hover,
body.autohaus-20-landing.owners-experience .familia-flip-control:hover{background:#ffda43;border-color:#ffda43}
body.autohaus-20-landing.owners-experience .familia-card-stage{max-width:520px}
:is(#familia-card-preview,#ahf-public-card){position:relative;isolation:isolate;border:0;border-radius:16px;color:#fff;background:#101213;box-shadow:0 18px 42px #0005,0 2px 8px #0004;padding:0;overflow:visible;text-align:left;font-family:inherit}
#familia-card-preview{min-height:322px;aspect-ratio:1.586}
#ahf-public-card{min-height:378px;aspect-ratio:1.586;display:block}
:is(#familia-card-preview,#ahf-public-card) :is(.familia-card-front,.familia-card-back,.ahf-card-front,.ahf-card-back){display:flex;flex-direction:column;justify-content:space-between;gap:0;min-height:100%;padding:30px;border:1px solid #3b3f42;border-radius:16px;background:linear-gradient(125deg,#1c2023,#0c0f12 70%,#090c0e);color:#fff;overflow:hidden;text-align:left}
:is(#familia-card-preview,#ahf-public-card) :is(.familia-card-front,.familia-card-back)::after{content:none}
:is(#familia-card-preview,#ahf-public-card) .clubhaus-art{position:absolute;right:-22%;top:12%;width:89%!important;height:95%!important;max-width:none;object-fit:contain;opacity:.17;z-index:0;pointer-events:none;filter:none!important;mix-blend-mode:normal!important}
:is(#familia-card-preview,#ahf-public-card) :is(.clubhaus-card-header,.clubhaus-wordmark,.clubhaus-holder,.clubhaus-card-footer,.clubhaus-identity-row,.familia-back-benefits,.clubhaus-back-title,.ahf-benefits-list,.clubhaus-back-note){position:relative;z-index:1}
:is(#familia-card-preview,#ahf-public-card) .clubhaus-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}
:is(#familia-card-preview,#ahf-public-card) :is(.familia-card-logo,.card-official-logo){display:block;width:138px!important;height:auto!important;aspect-ratio:955/310;object-fit:contain;max-width:52%;filter:none!important;mix-blend-mode:normal!important}
:is(#familia-card-preview,#ahf-public-card) .clubhaus-card-edition{font-size:8px;line-height:1.5;letter-spacing:.15em;font-weight:600;color:#d0d3ce;text-align:right}
:is(#familia-card-preview,#ahf-public-card) .clubhaus-wordmark{display:block;font-size:clamp(30px,2.5vw,36px);font-weight:650;letter-spacing:.08em;line-height:1.1;margin:22px 0 20px;color:#fff}
:is(#familia-card-preview,#ahf-public-card) .clubhaus-wordmark>span{color:#ffca00}
:is(#familia-card-preview,#ahf-public-card) .clubhaus-holder{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1;max-width:100%}
:is(#familia-card-preview,#ahf-public-card) .clubhaus-holder-label{display:block;font-size:8px;line-height:1.5;letter-spacing:.2em;color:#bdc1bc;font-weight:500}
:is(#familia-card-preview,#ahf-public-card) :is(.familia-card-member,h2){font-size:clamp(17px,1.6vw,23px);font-weight:500;color:#fff;line-height:1.3;letter-spacing:.01em;overflow-wrap:anywhere;margin:0}
:is(#familia-card-preview,#ahf-public-card) .clubhaus-card-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:14px;border-top:1px solid #ffffff30;min-width:0}
:is(#familia-card-preview,#ahf-public-card) :is(.familia-card-number,.number){font:500 12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.065em;color:#f0c82c;white-space:normal}
:is(#familia-card-preview,#ahf-public-card) .clubhaus-card-footer>span:last-child{font-size:7px;line-height:1.6;letter-spacing:.12em;font-weight:500;color:#c4c8c0;text-align:right}
:is(#familia-card-preview,#ahf-public-card) .clubhaus-identity-row{display:flex;gap:20px;align-items:end;min-width:0}
#ahf-public-card .clubhaus-holder{max-width:calc(100% - 132px);padding-bottom:5px}
#ahf-public-card .clubhaus-holder .number{margin-top:7px}
#ahf-public-card .qr{background:#fff;border:1px solid #fff;width:108px;height:108px;padding:7px;border-radius:4px;flex-shrink:0}
#ahf-public-card .clubhaus-qr-wrap{flex-shrink:0;text-align:center}
#ahf-public-card .clubhaus-qr-caption{display:block;color:#d4d7d0;font-size:7px;line-height:1.4;letter-spacing:.1em;margin-top:7px}
:is(#familia-card-preview,#ahf-public-card) .clubhaus-back-title{font-size:24px;font-weight:500;letter-spacing:-.025em;line-height:1.2;margin:23px 0 21px;color:#fff}
:is(#familia-card-preview,#ahf-public-card) .familia-back-benefits{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;margin:0}
:is(#familia-card-preview,#ahf-public-card) .familia-benefit-tile{border-left:2px solid #f0c82c;padding:0 0 0 11px;gap:5px}
:is(#familia-card-preview,#ahf-public-card) .familia-benefit-tile>strong{color:#f0c82c;font-size:9px;font-weight:600;letter-spacing:.08em;min-height:0}
:is(#familia-card-preview,#ahf-public-card) .familia-benefit-detail{color:#e0e3dc;font-size:10px;font-weight:400;line-height:1.5}
:is(#familia-card-preview,#ahf-public-card) .clubhaus-back-note{font-size:9px;line-height:1.6;color:#c1c5bd;letter-spacing:0;margin:20px 0 0;max-width:95%}
#ahf-public-card .ahf-benefits-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;color:#e8eae5;font-size:13px;line-height:1.5}
#ahf-public-card .ahf-benefits-list li{border-left:2px solid #f0c82c;padding-left:12px;margin:0}
.ahf-saved-stage+#ahf-flip-public{background:#f0c82c;border-color:#d1ad21;color:#141615}
.top{border-bottom-color:#f0c82c}
.primary{background:#f0c82c;border-color:#d1ad21}
@media(max-width:750px){
  #familia-card-preview{min-height:272px}
  #ahf-public-card{min-height:330px;aspect-ratio:auto}
  :is(#familia-card-preview,#ahf-public-card) :is(.familia-card-front,.familia-card-back,.ahf-card-front,.ahf-card-back){padding:22px;border-radius:14px}
  #ahf-public-card :is(.ahf-card-front,.ahf-card-back){min-height:330px}
  :is(#familia-card-preview,#ahf-public-card){border-radius:14px}
  :is(#familia-card-preview,#ahf-public-card) :is(.familia-card-logo,.card-official-logo){width:112px!important}
  :is(#familia-card-preview,#ahf-public-card) .clubhaus-wordmark{font-size:29px;margin:20px 0 18px}
  :is(#familia-card-preview,#ahf-public-card) .clubhaus-card-edition{font-size:7px;letter-spacing:.1em}
  :is(#familia-card-preview,#ahf-public-card) :is(.familia-card-member,h2){font-size:17px}
  :is(#familia-card-preview,#ahf-public-card) .clubhaus-card-footer{margin-top:19px;padding-top:12px}
  :is(#familia-card-preview,#ahf-public-card) .clubhaus-card-footer .familia-card-number{font-size:8px;letter-spacing:0}
  :is(#familia-card-preview,#ahf-public-card) .clubhaus-card-footer>span:last-child{font-size:6px;max-width:110px}
  #ahf-public-card .qr{width:92px;height:92px;padding:6px}
  #ahf-public-card .clubhaus-holder{max-width:calc(100% - 106px)}
  #ahf-public-card .clubhaus-identity-row{gap:14px}
  :is(#familia-card-preview,#ahf-public-card) .familia-back-benefits{gap:18px 12px}
  :is(#familia-card-preview,#ahf-public-card) .clubhaus-back-title{font-size:21px;margin:20px 0}
  :is(#familia-card-preview,#ahf-public-card) .familia-benefit-tile>strong{font-size:8px}
  :is(#familia-card-preview,#ahf-public-card) .familia-benefit-detail{font-size:9px}
  :is(#familia-card-preview,#ahf-public-card) .clubhaus-back-note{font-size:8px;margin-top:15px}
  #ahf-public-card .ahf-benefits-list{font-size:12px;gap:16px 12px}
}
@media(max-width:350px){:is(#familia-card-preview,#ahf-public-card) .clubhaus-wordmark{font-size:26px}#familia-card-preview{min-height:285px}}
#ahf-public-card{aspect-ratio:auto}
#ahf-public-card .ahf-card-front{min-height:378px}
@media(max-width:750px){#ahf-public-card .ahf-card-front{min-height:330px}}

#familia-card-preview .clubhaus-back-title{margin:18px 0 14px}
@media(max-width:750px){
 #familia-card-preview .clubhaus-back-title{font-size:20px;margin:12px 0 10px}
 #familia-card-preview .familia-back-benefits{gap:14px 12px}
 #familia-card-preview .clubhaus-back-note{margin-top:10px}
 #ahf-public-card,#ahf-public-card .ahf-card-front,#ahf-public-card .ahf-card-back{min-height:360px}
 #ahf-public-card .clubhaus-back-title{margin:14px 0 12px}
 #ahf-public-card .ahf-benefits-list{gap:12px;font-size:12px;line-height:1.4}
 #ahf-public-card .clubhaus-back-note{margin-top:12px}
}

/* Classic black membership card: softly fading yellow emblem and restrained brand accents. */
:is(#familia-card-preview,#ahf-public-card) .clubhaus-wordmark::after{content:"";display:block;width:28px;height:2px;background:#f0c82c;margin-top:12px}
:is(#familia-card-preview,#ahf-public-card) .clubhaus-card-footer{border-top-color:#ffffff20}
@media(max-width:750px){
 #ahf-public-card{min-height:224px}
 #ahf-public-card .ahf-card-front{display:grid;grid-template-columns:minmax(0,1fr) 80px;grid-template-rows:auto auto 1fr auto;gap:8px 14px;padding:18px;min-height:224px}
 #ahf-public-card .clubhaus-card-header{grid-column:1/-1;grid-row:1}
 #ahf-public-card .card-official-logo{width:94px!important}
 #ahf-public-card .clubhaus-card-header .clubhaus-card-edition{font-size:6px}
 #ahf-public-card .clubhaus-wordmark{grid-column:1;grid-row:2;font-size:26px;letter-spacing:.05em;margin:0;padding-top:7px}
 #ahf-public-card .clubhaus-wordmark::after{width:22px;margin-top:8px}
 #ahf-public-card .clubhaus-identity-row{display:contents}
 #ahf-public-card .clubhaus-holder{grid-column:1;grid-row:3;max-width:100%;gap:4px;padding:0;align-self:end}
 #ahf-public-card .clubhaus-holder-label{font-size:6px;letter-spacing:.14em}
 #ahf-public-card .clubhaus-holder h2{font-size:15px;line-height:1.25}
 #ahf-public-card .clubhaus-holder .number{font-size:10px;margin-top:3px}
 #ahf-public-card .clubhaus-qr-wrap{grid-column:2;grid-row:2/span 2;align-self:end}
 #ahf-public-card .qr{width:80px;height:80px;padding:5px}
 #ahf-public-card .clubhaus-qr-caption{font-size:5px;line-height:1.3;margin-top:4px}
 #ahf-public-card .clubhaus-card-footer{grid-column:1/-1;grid-row:4;margin:0;padding-top:9px}
 #ahf-public-card .clubhaus-card-footer>span:last-child{font-size:5px;max-width:155px}
 #ahf-public-card .ahf-card-back{min-height:224px;padding:18px}
 #ahf-public-card .ahf-card-back .clubhaus-card-header img{display:none!important}
 #ahf-public-card .ahf-card-back .clubhaus-card-edition{font-size:7px;letter-spacing:.12em;color:#f0c82c;text-align:left}
 #ahf-public-card .ahf-card-back .clubhaus-card-edition br{display:none}
 #ahf-public-card .clubhaus-back-title{font-size:18px;line-height:1.2;margin:10px 0 8px}
 #ahf-public-card .ahf-benefits-list{font-size:10px;line-height:1.4;gap:8px 12px}
 #ahf-public-card .ahf-benefits-list li{padding-left:8px}
 #ahf-public-card .clubhaus-back-note{font-size:8px;line-height:1.4;margin-top:8px;max-width:100%}
}