/* Consistent actions and complete product photography in Big Red's welcome. */
#experience .intro-welcome .red-first-click,
#experience .intro-welcome .home-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
#experience .intro-welcome .red-first-click{margin:24px 0 10px}
#experience .intro-welcome .home-paths{margin:0 0 14px}
#experience .welcome-action{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:60px;height:60px;margin:0;padding:10px 12px;border:1px solid #d4b3688c;border-radius:10px;background:#103b2e;color:#f6f2e6;font:600 15px/1.25 Arial,Helvetica,sans-serif;letter-spacing:0;text-align:center;text-decoration:none;white-space:normal;box-shadow:none;transform:none;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
#experience .intro-welcome .red-first-click .welcome-action{font:600 15px/1.25 Arial,Helvetica,sans-serif;min-height:60px;height:60px;padding:10px 12px;border-radius:10px}
#experience .welcome-action.primary{background:var(--brand-gold,#d4b368);border-color:var(--brand-gold,#d4b368);color:#082d21}
#experience .welcome-action:hover{background:#1a4937;border-color:var(--brand-gold,#d4b368);color:#fff}
#experience .welcome-action.primary:hover{background:#e3c780;color:#082d21}
#experience .welcome-action:focus-visible,#experience .red-contexts button:focus-visible,#experience .match-products a:focus-visible{outline:3px solid #edd598;outline-offset:4px}
#experience .welcome-action:disabled{opacity:.65;cursor:progress}
#experience .intro-welcome .hello-progress{font:400 13px/1.5 Arial,Helvetica,sans-serif;margin:0;color:#cbd9cc}

#experience #introHydraPanel{padding:16px;border:1px solid #d4b36855;border-radius:14px;background:#0c3428;box-shadow:none;backdrop-filter:none}
#experience #introHydraPanel>summary{padding:3px 0;min-height:30px;font:600 15px/1.5 Arial,Helvetica,sans-serif;color:#f6f2e6}
#experience #introHydraPanel .red-destinations{margin:14px 0 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}
#experience .red-destinations>.eyebrow{font-size:11px;letter-spacing:.1em;margin:0 0 12px;color:var(--brand-gold,#d4b368)}
#experience .red-contexts{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
#experience .red-contexts button{display:grid;grid-template-columns:80px minmax(0,1fr) 14px;align-items:center;gap:14px;box-sizing:border-box;width:100%;min-width:0;min-height:100px;padding:9px;text-align:left;border:1px solid #d4b36845;border-radius:10px;background:#082b21;color:#f6f2e6;box-shadow:none;transform:none;font-family:Arial,Helvetica,sans-serif}
#experience .red-contexts button::after{content:'›';color:var(--brand-gold,#d4b368);font:24px/1 Arial,Helvetica,sans-serif}
#experience .red-contexts button:hover{background:#153f2e;border-color:#d4b368}
#experience .red-contexts button[aria-pressed="true"]{border-color:#e2c477;background:#173f2f;box-shadow:inset 0 0 0 1px #e2c477}
#experience .red-contexts button[aria-pressed="true"]::after{content:'✓';font-size:16px}
#experience .red-contexts img{display:block;width:80px;height:80px;aspect-ratio:1;object-fit:contain;object-position:center;box-sizing:border-box;padding:3px;background:#fff;border-radius:7px}
#experience .red-contexts span{display:block;min-width:0;padding:0;font:600 16px/1.3 Arial,Helvetica,sans-serif}
#experience .red-contexts small{display:block;margin:5px 0 0;color:#cbd9cc;font:400 13px/1.45 Arial,Helvetica,sans-serif}

#experience #hydraMatch{padding:22px;margin:20px 0 0;border:1px solid #d4b36865;border-radius:14px;background:#0c3428;box-shadow:none;backdrop-filter:none;scroll-margin-top:110px}
#experience #hydraMatch[hidden]{display:none!important}
#experience #hydraMatch>.eyebrow{font-size:11px;letter-spacing:.1em;margin:0;color:var(--brand-gold,#d4b368)}
#experience #hydraMatch h2{font:30px/1.16 Georgia,serif;margin:12px 0 16px}
#experience #hydraMatchCopy{font-size:15px;line-height:1.65;color:#d2ded3}
#experience .match-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
#experience .match-products>a{display:flex;flex-direction:column;min-width:0;border:1px solid #d4b36850;border-radius:10px;background:#082b21;overflow:hidden;color:#f6f2e6;text-decoration:none;transform:none;box-shadow:none}
#experience .match-products>a:hover{border-color:#e2c477;transform:none;box-shadow:none}
#experience .match-products img{display:block;box-sizing:border-box;width:100%;height:auto;aspect-ratio:1;object-fit:contain;object-position:center;padding:8px;background:#fff}
#experience .match-products .match-product-copy{display:flex;flex:1;flex-direction:column;min-width:0;overflow-wrap:anywhere;padding:14px;font:600 15px/1.4 Arial,Helvetica,sans-serif}
#experience .match-products strong{font:inherit}
#experience .match-products small{display:block;padding-top:12px;margin-top:auto;color:#e3ca8d;font:400 12px/1.4 Arial,Helvetica,sans-serif}
#experience .match-next{display:block;margin-top:6px}
#experience #matchTeam[hidden]{display:none!important}
#experience #hydraMatch>.reference-note{font-size:12px;line-height:1.6;color:#cbd9cc;margin:14px 0 0}
@media(max-width:1050px){
 #experience #introHydraPanel,#experience #hydraMatch{width:100%;box-sizing:border-box;max-width:760px;justify-self:center}
 #experience .match-products img{max-height:270px}
}
@media(max-width:480px){
 #experience #introHydraPanel{padding:14px}
 #experience #hydraMatch{padding:18px}
 #experience .red-contexts button{gap:10px}
}
@media(min-width:1051px) and (max-width:1599px),(max-width:480px){
 #experience .match-products{grid-template-columns:minmax(0,1fr);gap:12px}
 #experience .match-products>a{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:stretch}
 #experience .match-products img{width:112px;height:112px;max-height:none}
 #experience .match-products .match-product-copy{padding:14px 12px}
 #experience .match-products small{padding-top:8px}
}
@media(max-width:380px){
 #experience .intro-welcome .red-first-click,#experience .intro-welcome .home-paths{grid-template-columns:minmax(0,1fr)}
 #experience .red-contexts button{grid-template-columns:68px minmax(0,1fr) 12px}
 #experience .red-contexts img{width:68px;height:68px}
}