/* Generated by scripts/site-port.mjs from the Claude Design export; edit the source export and re-port, or edit this file for small changes. */
[hidden][hidden]{display:none !important}
[data-m~="navpanel"]:not([hidden]){display:block}


.scp0:hover { background: rgb(245, 245, 244) !important; color: rgb(26, 26, 26) !important; }
.scp1:hover { transform: translateY(-1px) !important; }
.scp2:active { transform: none !important; }
.scp3:focus { outline: rgb(168, 162, 158) solid 2px !important; outline-offset: 2px !important; }
.scp4:hover { color: rgb(250, 250, 249) !important; background-size: 100% 100% !important; }
.scp5:hover { color: rgb(233, 209, 155) !important; }
.scp6:hover { color: rgb(197, 160, 89) !important; }
.scp7:hover { border-bottom-color: rgba(197, 160, 89, 0.5) !important; }
.scp8:hover { background: rgba(255, 255, 255, 0.08) !important; color: rgb(250, 250, 249) !important; }
.scp9:hover { color: rgb(250, 250, 249) !important; }
.scpa:hover { background: rgba(197, 160, 89, 0.14) !important; }
.scpb:hover { background: rgb(233, 209, 155) !important; }


@font-face { font-family: "Bricolage Grotesque"; src: url("assets/fonts/BricolageGrotesque-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; }
@font-face { font-family: Inter; src: url("assets/fonts/Inter-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: Inter; src: url("assets/fonts/Inter-Medium.ttf") format("truetype"); font-weight: 500; font-display: swap; }
@font-face { font-family: Inter; src: url("assets/fonts/Inter-SemiBold.ttf") format("truetype"); font-weight: 600; font-display: swap; }
@font-face { font-family: Inter; src: url("assets/fonts/Inter-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0px; background: rgb(249, 247, 244); color: rgb(26, 26, 26); font-family: Inter, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: rgb(87, 83, 78); }
a:hover { color: rgb(26, 26, 26); }
h1, h2, h3, p { margin: 0px; }
input, select, textarea, button { font-family: Inter, system-ui, sans-serif; }
input:focus, select:focus, textarea:focus { outline: none; border-color: rgb(245, 158, 11) !important; }
[data-txt] { transition: transform 0.25s ease-out, border-color 0.25s ease-out; }
[data-acc], [data-rule] { transition: color 0.25s ease-out, background-color 0.25s ease-out; }
[data-paint] { transition: transform 1.4s cubic-bezier(0.2, 0.7, 0.2, 1); }
[data-scrim] { transition: opacity 0.6s ease-out; }
[data-hv="muted"] [data-txt]:hover, [data-hv="light"] [data-txt]:hover { transform: translateY(-4px); }
[data-hv] [data-txt]:hover { border-left-color: transparent !important; }
[data-hv="muted"] [data-txt]:not([data-noacc]):hover [data-acc] { color: rgb(197, 160, 89) !important; }
[data-hv="light"] [data-txt]:not([data-noacc]):hover [data-acc] { color: rgb(233, 209, 155) !important; }
[data-txt] { position: relative; isolation: isolate; }
[data-txt]::before { content: ""; position: absolute; z-index: -1; opacity: 0; pointer-events: none; transition: opacity 0.3s ease-out; }
[data-hp] [data-txt]:hover::before { opacity: 1; }
[data-hp="glass"] [data-txt]::before { inset: -24px -32px -24px -2px; background: rgba(26, 26, 26, 0.62); backdrop-filter: blur(16px); border-width: 1px 1px 1px 0px; border-style: solid solid solid none; border-color: rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0.1) currentcolor; border-image: initial; border-radius: 0px 16px 16px 0px; }
[data-hp="glass"] [data-hero]::before { inset: -28px 0px; border-left: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px; }
[data-hp="glass"] [data-noacc]::before { inset: -28px -36px; border-left: 1px solid rgba(255, 255, 255, 0.1); border-radius: 16px; }
[data-hp="halo"] [data-txt]::before { inset: -36px -56px -36px -40px; background: rgba(26, 26, 26, 0.74); border-radius: 48px; filter: blur(32px); }
[data-hp="halo"] [data-hero]::before { inset: -40px -24px; }
[data-hp="strip"] [data-txt]::before { inset: -100vh -40px -100vh -2px; background: rgba(26, 26, 26, 0.72); border-right: 1px solid rgba(255, 255, 255, 0.08); }
[data-hp="strip"] [data-hero]::before { inset: -72px -100vw; border-right: 0px; border-top: 1px solid rgba(255, 255, 255, 0.08); border-bottom: 1px solid rgba(255, 255, 255, 0.08); }
[data-hp="strip"] [data-txt]:not([data-hero])::after { content: ""; position: absolute; z-index: -1; inset: -100vh -40px -100vh -2px; }
[data-hp="strip"] [data-noacc]::after { inset: -100vh -40px; }
[data-hp="strip"] [data-hero]::after { content: ""; position: absolute; z-index: -1; inset: -72px -100vw; }
[data-hp="strip"] [data-noacc]::before { inset: -100vh -40px; border-left: 1px solid rgba(255, 255, 255, 0.08); }
[data-cap] { transition: color 0.2s ease-out; }
[data-cap]:hover { color: rgba(250, 250, 249, 0.75) !important; }
[data-li] { transition: color 0.2s ease-out; }
[data-li]:hover { color: var(--li-hover) !important; }
[data-li-mark] { display: inline-block; width: 20px; height: 18px; background: currentcolor; mask: url("assets/li-white.png") center center / contain no-repeat; transition: background-color 0.2s ease-out; }
[data-ft-link]:hover { color: rgb(197, 160, 89) !important; }
[data-ft-hl] { background-image: linear-gradient(transparent 82%, rgb(197, 160, 89) 82%); background-repeat: no-repeat; background-origin: content-box; background-clip: content-box; background-position: left bottom; background-size: 0% 100%; transition: background-size 0.35s cubic-bezier(0.2, 0.7, 0.2, 1); }
[data-ft-line]:hover [data-ft-hl] { background-size: 100% 100%; }
[data-cta-hl] { background-image: linear-gradient(transparent 62%, rgb(197, 160, 89) 62%); background-repeat: no-repeat; background-position: left bottom; background-size: 0% 100%; transition: background-size 0.35s cubic-bezier(0.2, 0.7, 0.2, 1); }
[data-cta]:hover [data-cta-hl] { background-size: 100% 100%; }
[data-logo] { transition: opacity 0.15s ease-out; }
[data-logo]:hover { opacity: 0.8; }
[data-btn] { transition: opacity 0.15s ease-out; }
[data-btn]:hover { opacity: 0.8; }
body { overflow-x: clip; text-size-adjust: 100%; }
[data-m~="burger"], [data-m~="navpanel"] { display: none; }
@media (min-width: 1600px) {
  [data-m~="wrap"] { max-width: 1320px !important; }
  [data-m~="navlinks"] a { font-size: 14px !important; }
  [data-hero] h1 { font-size: 80px !important; }
  [data-hero] > div:last-child > p:first-child { font-size: 28px !important; }
  [data-hero] > div:last-child > p + p { font-size: 19px !important; }
  [data-band] [data-txt]:not([data-noacc]) { max-width: 600px !important; }
  [data-band] [data-noacc] { max-width: 880px !important; }
  [data-band] h2 { font-size: 36px !important; }
  [data-band] [data-noacc] h2 { font-size: 42px !important; }
  [data-band] p { font-size: 20px !important; }
  [data-cta] h2 { font-size: 52px !important; max-width: 760px !important; }
  [data-cta] p { font-size: 19px !important; max-width: 720px !important; }
}
@media (max-width: 960px) {
  [data-m~="wrap"] { padding-left: 20px !important; padding-right: 20px !important; }
  [data-m~="navgrid"] { grid-template-columns: auto minmax(0px, 1fr) !important; }
  [data-m~="navlinks"], [data-m~="rail"] { display: none !important; }
  [data-m~="navutils"] { justify-self: end; }
  [data-m~="burger"] { display: inline-flex; }
  [data-m~="navpanel"] { display: block; }
  [data-m~="hero"] { display: flex; flex-direction: column; height: auto !important; min-height: 100svh !important; }
  [data-m~="hero"] > [data-m~="layer"] { flex: 1 1 auto; position: relative !important; inset: auto !important; padding: 112px 0px 72px !important; }
  [data-hero] { grid-template-columns: minmax(0px, 1fr) !important; gap: 28px !important; }
  [data-hero] h1 { font-size: 56px !important; }
  [data-band] { display: flex; flex-direction: column; height: auto !important; min-height: calc(-116px + 100svh) !important; }
  [data-band] > [data-m~="layer"] { flex: 1 1 auto; padding: 72px 0px 64px; position: relative !important; inset: auto !important; }
  [data-m~="subbar"] { position: relative; overflow-x: auto; scrollbar-width: none; }
  [data-m~="subbar"]::-webkit-scrollbar { display: none; }
  [data-m~="subbar"] > button { flex-shrink: 0; white-space: nowrap; }
}
@media (max-width: 760px) {
  [data-m~="heroshade"] { background: linear-gradient(rgba(26, 26, 26, 0.6) 0%, rgba(26, 26, 26, 0.45) 35%, rgba(26, 26, 26, 0.6) 60%, rgba(26, 26, 26, 0.9) 100%) !important; }
  [data-scrim] { background: linear-gradient(rgba(26, 26, 26, 0.55) 0%, rgba(26, 26, 26, 0.72) 45%, rgba(26, 26, 26, 0.85) 100%) !important; }
  [data-band] [data-m~="wrap"] { justify-content: flex-start !important; }
  [data-m~="ctagrid"] { grid-template-columns: minmax(0px, 1fr) !important; gap: 28px !important; }
  [data-m~="coverlay"] { padding: 12px !important; }
  [data-m~="cmodal"] { grid-template-columns: minmax(0px, 1fr) !important; }
  [data-m~="cart"] { display: flex; flex-direction: column; justify-content: flex-end; min-height: 0px !important; }
  [data-m~="cart"] > div:last-child { padding: 96px 24px 24px; position: relative !important; left: auto !important; right: auto !important; bottom: auto !important; }
  [data-m~="cart"] h3 { font-size: 26px !important; }
  [data-m~="cform"] { position: static !important; padding: 28px 20px 24px !important; }
  [data-m~="cclose"] { color: rgb(250, 250, 249) !important; background: rgba(26, 26, 26, 0.45) !important; }
}
@media (max-width: 560px) {
  [data-hero] h1 { font-size: 44px !important; }
  [data-hero] > div:last-child > p:first-child { font-size: 20px !important; }
  [data-hero] > div:last-child > p + p { font-size: 16px !important; }
  [data-band] h2 { font-size: 24px !important; }
  [data-band] [data-noacc] h2 { font-size: 27px !important; }
  [data-band] p { font-size: 16.5px !important; line-height: 1.65 !important; }
  [data-cta] h2 { font-size: 32px !important; }
  [data-cta] p { font-size: 16px !important; }
  [data-m~="cgrid"] { grid-template-columns: minmax(0px, 1fr) !important; }
  [data-m~="cgrid"] > * { grid-column: 1 / -1; }
}
@media (hover: none) {
  [data-txt]::before, [data-txt]::after { display: none !important; }
  [data-hv] [data-txt]:hover { transform: none !important; }
  [data-hv] [data-txt]:not([data-noacc]):hover [data-acc] { color: inherit !important; }
}
@media (prefers-reduced-motion: reduce) {
  [data-paint], [data-txt] { transition: none; }
}