/* One visual system across Project Western. */
.pw-experience {
  --bg: #121315; --bg2: #1a1b1d; --panel: #1b1c1e; --panel2: #202123;
  --text: #f4f4f2; --muted: #b6b7b9; --muted2: #919296;
  --line: #ffffff15; --line2: #ffffff25; --lineStrong: #ffffff50;
  --wrap: 1320px; --nav-wrap: 1480px; --nav: 104px;
  color: var(--text); background: radial-gradient(ellipse at 6% 4%,#ffffff0a,transparent 35%),linear-gradient(135deg,#18191b 0%,#101113 47%,#1a1b1d 100%);
  font-family: var(--font-body); font-weight: 400; isolation: isolate;
}
.pw-experience::before { content: ''; display: block; position: fixed; inset: 0; pointer-events: none; z-index: -1; opacity: .035; background: url('/assets/images/interface/grain.svg'); }
.pw-experience h1, .pw-experience h2 { font-family: var(--font-display); font-style: normal; font-weight: 800; letter-spacing: -.015em; line-height: .98; }
.pw-experience p { line-height: 1.8; }
.pw-experience main { min-width: 0; }
.pw-experience .wrap, .pw-experience .shell, .pw-container { width: min(1320px,calc(100% - 7rem)); margin-inline: auto; }
.pw-experience .site-header { top: 18px; left: 24px; width: calc(100% - 48px); height: 76px; background: rgba(15,16,18,.86)!important; border: 1px solid #ffffff22; backdrop-filter: blur(22px); box-shadow: 0 12px 32px #0002; }
.pw-experience .nav-row { width: calc(100% - 2.5rem); height: 100%; gap: 1.5rem; }
.pw-experience .logo { gap: .7rem; }
.pw-experience .logo img { width: 42px; height: 42px; border: 0; background: transparent; }
.pw-experience .logo-copy strong { font: 800 1.22rem/1 var(--font-display); letter-spacing: .01em; }
.pw-experience .logo-copy>span { display: none; }
.pw-experience .site-nav { gap: clamp(.8rem,1.5vw,1.5rem); }
.pw-experience .site-nav a { color: #c5c5c6; font-size: .61rem; font-weight: 500; letter-spacing: .06em; }
.pw-experience .site-nav a:hover, .pw-experience .site-nav a.active { color: #fff; }
.pw-experience .site-nav a.nav-account { min-height: 42px; display: inline-flex; align-items: center; padding: .7rem 1rem!important; border-color: #ffffff45; }
.pw-experience .site-nav a.nav-account[data-connected="true"] { padding: 0!important; }
.pw-experience .btn, .pw-experience .action, .pw-button, .pw-experience .agency-site-actions>a { min-height: 50px; background: #080808!important; color: #fff!important; border: 1px solid #ffffff42; box-shadow: none; font: normal 800 1.06rem/1.2 var(--font-display); letter-spacing: .015em; padding: .9rem 1.3rem; transition: border-color .22s ease,box-shadow .22s ease; }
.pw-experience .btn:hover, .pw-experience .action:hover, .pw-button:hover, .pw-experience .agency-site-actions>a:hover { transform: none; border-color: #fff; box-shadow: 0 6px 22px #0002; }
.pw-experience .btn:disabled,.pw-experience .action:disabled { cursor: not-allowed; box-shadow: none; opacity: .45; }
.pw-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 2rem; text-decoration: none; text-transform: uppercase; }
.pw-button>span { font: 400 1.35rem/1 var(--font-body); transition: transform .25s ease; }
.pw-button:hover>span { transform: translate(2px,-2px); }
.pw-quiet-link { display: inline-flex; align-items: center; gap: 1.1rem; min-height: 44px; font-size: .63rem; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; text-decoration: none; }
.pw-quiet-link:hover { text-decoration: underline; text-underline-offset: 6px; }
.pw-experience :focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
.pw-experience .kicker,.pw-experience .micro-label,.pw-experience .card-kicker,.pw-label { font: 500 .6rem/1.7 var(--font-body); letter-spacing: .15em; text-transform: uppercase; color: #bcbdbf; }
.pw-label-line { display: inline-block; vertical-align: middle; width: 34px; height: 1px; margin-right: .65rem; background: currentColor; }
.pw-experience input,.pw-experience textarea,.pw-experience select { color: #eee; background: #101113; border-color: #ffffff35; }
.pw-experience input:focus,.pw-experience textarea:focus,.pw-experience select:focus { border-color: #bbb; outline-color: #fff; box-shadow: 0 0 0 3px #ffffff09; }
.pw-experience .footer { position: relative; border-top: 1px solid #ffffff18; background: linear-gradient(120deg,#131416,#0c0d0f); padding: 4.5rem 0 2rem; color: #999b9f; }
.pw-experience .footer-row { grid-template-columns: .9fr 1.1fr; gap: 5rem; }
.pw-experience .footer-brand img { width: 48px; height: 48px; border: 0; }
.pw-experience .footer-brand strong { font: 800 1.6rem/1 var(--font-display); letter-spacing: .01em; }
.pw-experience .footer-copy { max-width: 39ch; font-size: .77rem; line-height: 1.9; }
.pw-experience .footer-links { gap: 2rem; }
.pw-experience .footer-links strong { color: #dededf; font-size: .6rem; letter-spacing: .12em; margin-bottom: .85rem; }
.pw-experience .footer-links a { color: #a6a7aa; font-size: .73rem; line-height: 1.6; padding-block: .3rem; }
.pw-experience .footer-links a:hover { color: #fff; }
.pw-experience .footer-bottom { font-size: .62rem; margin-top: 3rem; padding-top: 1.6rem; color: #828489; }
.pw-experience .simple-help-strip { background: linear-gradient(100deg,#202123,#161719); border-block: 1px solid #ffffff16; }
.pw-experience .pw-cookie-notice { background: linear-gradient(135deg,#222325,#131416); border-color: #ffffff30; box-shadow: 0 18px 70px #0007; }
.pw-experience .pw-cookie-notice__copy h2 { font: 600 .9rem/1.35 var(--font-body); text-transform: none; letter-spacing: 0; }
.pw-experience .mobile-quickbar { background: #0b0c0e; }
.pw-experience .mobile-quickbar a { background: #080808!important; color: #fff!important; font-weight: 500; }
.pw-skip { position: fixed; top: -120px; left: 32px; z-index: 1500; padding: 1rem; color: #fff; background: #080808; border: 1px solid #fff; }
.pw-skip:focus { top: 16px; }
@media(max-width:1200px) { .pw-experience .wrap,.pw-experience .shell,.pw-container { width: calc(100% - 5rem); } .pw-experience .logo-copy strong { font-size: 1.05rem; } .pw-experience .site-nav { gap: .85rem; } .pw-experience .site-nav a { font-size: .56rem; } .pw-experience .footer-row { gap: 3rem; } }
@media(max-width:980px) { .pw-experience .site-nav { top: calc(100% + 10px); left: -1px; right: -1px; margin: 0; padding: .6rem 1.3rem; background: #151618; border: 1px solid #ffffff35; gap: 0; max-height: calc(100svh - 170px); overflow-y: auto; } .pw-experience .site-nav a { min-height: 46px; padding: .9rem 0; font-size: .72rem; } .pw-experience .site-nav a.nav-account { justify-content: center; margin: .6rem 0; } .pw-experience .logo-copy strong { font-size: 1.25rem; } .pw-experience .footer-row { grid-template-columns: 1fr; } }
@media(max-width:600px) { .pw-experience { --nav: 84px; } .pw-experience .wrap,.pw-experience .shell,.pw-container { width: calc(100% - 2.5rem); } .pw-experience .site-header { top: 10px; left: 10px; width: calc(100% - 20px); height: 64px; } .pw-experience .nav-row { width: calc(100% - 1.4rem); gap: .6rem; } .pw-experience .logo img { width: 36px; height: 36px; } .pw-experience .logo-copy strong { font-size: 1.14rem; } .pw-experience .footer { padding-top: 3rem; } .pw-experience .footer-links { grid-template-columns: 1fr 1fr; gap: 2rem 1rem; } .pw-experience .footer-bottom { font-size: .57rem; line-height: 1.8; } .pw-experience .btn,.pw-button,.pw-experience .action { font-size: 1rem; } .pw-skip { left: 16px; } }
@media(prefers-reduced-motion:reduce) { .pw-experience *, .pw-experience *::before, .pw-experience *::after { scroll-behavior: auto; } }
