* { box-sizing: border-box; }
body { margin: 0; background: #0B0D10; color: #E8EDF2; font-family: Manrope, sans-serif; }
a { color: inherit; text-decoration: none; }
.au-bar { display: flex; justify-content: space-between; gap: 16px; padding: 10px 28px; background: #14171C; font-size: 13px; color: #9AA3AB; }
.au-head { display: grid; grid-template-columns: minmax(180px, 280px) 1fr auto; align-items: center; gap: 20px; padding: 14px 28px; border-bottom: 1px solid #22262C; }
.au-logo { font-family: Oswald, sans-serif; font-size: 18px; letter-spacing: .04em; text-transform: uppercase; }
.au-head nav { display: flex; justify-content: center; gap: 28px; font-size: 14px; font-weight: 600; }
.au-go { background: #F5C518; color: #0B0D10; padding: 11px 16px; font-weight: 700; font-size: 13px; white-space: nowrap; }
.au-hero { position: relative; }
.au-hero img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: 58% 28%; display: block; }
.au-hero__copy { position: absolute; left: 0; bottom: 0; max-width: 560px; padding: 48px 40px; background: linear-gradient(90deg, rgba(11,13,16,.88) 0%, rgba(11,13,16,.35) 78%, transparent 100%); }
.au-hero__copy > p { margin: 0; font-size: 13px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.au-mark { display: block; width: 56px; height: 3px; margin-top: 8px; background: #F5C518; }
.au-hero h1 { margin: 12px 0 16px; font-family: Oswald, sans-serif; font-size: clamp(32px, 5vw, 58px); line-height: 1.05; font-weight: 600; text-transform: uppercase; }
.au-hero ul { margin: 0 0 22px; padding: 0; list-style: none; display: grid; gap: 6px; color: #C5CDD4; }
.au-work, .au-shop, .au-book { scroll-margin-top: 16px; }
.au-work { max-width: 1100px; margin: 0 auto; padding: 48px 28px 24px; }
.au-work h2, .au-shop h2, .au-book h2 { margin: 0 0 18px; font-family: Oswald, sans-serif; font-size: 32px; font-weight: 600; text-transform: uppercase; }
.au-bays { display: grid; }
.au-bay { display: grid; grid-template-columns: 56px 1fr auto; align-items: center; gap: 12px; width: 100%; padding: 18px 8px; border: 0; border-bottom: 1px solid #22262C; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.au-bay b { font-family: Oswald, sans-serif; color: #F5C518; font-size: 18px; }
.au-bay.on { background: #F5C518; color: #0B0D10; }
.au-bay.on b { color: #0B0D10; }
.au-shop { display: grid; grid-template-columns: 1.3fr .7fr; gap: 24px; max-width: 1100px; margin: 0 auto 8px; padding: 8px 28px 40px; align-items: center; }
.au-shop img { width: 100%; height: 320px; object-fit: cover; object-position: 58% 30%; display: block; }
.au-shop p { margin: 0; color: #9AA3AB; line-height: 1.55; }
.au-book { display: grid; grid-template-columns: .85fr 1.15fr; gap: 40px; max-width: 1100px; margin: 0 auto; padding: 8px 28px 56px; align-items: start; }
.au-book a { color: #F5C518; font-family: Oswald, sans-serif; font-size: 28px; }
.au-hint { color: #9AA3AB; font-size: 14px; }
.au-book form { background: #F5C518; color: #0B0D10; padding: 24px; display: grid; gap: 12px; }
.au-book label { display: grid; gap: 6px; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.au-book input { border: 0; background: #0B0D10; color: #E8EDF2; padding: 12px; font: inherit; }
.au-book button[type=submit] { border: 0; background: #0B0D10; color: #F5C518; padding: 14px; font: inherit; font-weight: 700; cursor: pointer; }
.form-note { margin: 0; font-size: 13px; }
.au-foot { display: flex; flex-wrap: wrap; gap: 12px 28px; padding: 20px 28px 28px; background: #14171C; font-size: 13px; color: #9AA3AB; }
.fp-note { margin: 0; }
@media (max-width: 900px) {
  .au-head { grid-template-columns: 1fr auto; }
  .au-head nav { display: none; }
  .au-hero img { aspect-ratio: 4 / 3; }
  .au-hero__copy { max-width: none; padding: 28px 20px; background: linear-gradient(0deg, rgba(11,13,16,.92), transparent); }
  .au-shop, .au-book { grid-template-columns: 1fr; }
  .au-shop img { height: 220px; }
}

button, a[href] { transition: transform 160ms cubic-bezier(0.23, 1, 0.32, 1); cursor: pointer; } button:active, a[href]:active { transform: scale(0.97); }
i[class^="ph"], .ti, .material-symbols-outlined, .material-symbols-rounded { font-size: 1.15em; vertical-align: -0.14em; } .au-mark { transform-origin: left; animation: au-draw 700ms cubic-bezier(0.23, 1, 0.32, 1); } @keyframes au-draw { from { transform: scaleX(0); } } .au-hero__copy { animation: au-up 480ms cubic-bezier(0.23, 1, 0.32, 1); } @keyframes au-up { from { transform: translateY(16px); } } @media (prefers-reduced-motion: reduce) { .v-in, .v-pop, .v-ken, .v-draw, .v-dock, .v-pulse, [data-stagger] { animation: none !important; transform: none !important; opacity: 1 !important; } }