* { margin: 0px; padding: 0px; box-sizing: border-box; }
:root { --obsidian: #4A4D47; --harbor: #4A4D47; --harbor-deep: #3A3D38; --harbor-light: #5C5F58; --ink: #0A0A0A; --brass: #B0956E; --terracotta: #A0745A; --warm-white: #F0ECE6; --charcoal: #2E382C; --brass-light: #C8B08A; }
@media (prefers-reduced-motion: reduce){
*, ::before, ::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
video { animation: auto ease 0s 1 normal none running none !important; }
}
@media (max-width: 768px){
.src-mosaic { grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; }
.src-tile--xl, .src-tile--lg, .src-tile--md, .src-tile--sm, .src-tile--wide { grid-area: span 1 / span 1 !important; min-height: 160px !important; }
.src-tile-name { font-size: 11px !important; letter-spacing: 1px !important; word-break: break-word !important; }
.src-tile-label { font-size: 9px !important; }
.src-art-section { padding: 80px 4vw 40px !important; }
.src-art-section::before { font-size: clamp(60px, 14vw, 140px) !important; }
}
.source-overlay-content { text-align: left; max-width: 100%; margin: 0px; background: rgb(10, 10, 10); position: relative; padding: 0px !important; }
.src-grain { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 50; opacity: 0.06; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E"); background-repeat: repeat; background-size: 256px 256px; animation: 0.3s steps(3) 0s infinite normal none running grainShift; }
.src-video-wrap { position: relative; width: 100%; height: 100%; }
.src-video-wrap::after { content: ""; position: absolute; inset: 0px; background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 0, 0, 0.07) 2px, rgba(0, 0, 0, 0.07) 4px); pointer-events: none; z-index: 2; }
.source-ticker { overflow: hidden; white-space: nowrap; border-top: 3px solid var(--brass); border-bottom: 3px solid var(--brass); padding: 14px 0px; margin-bottom: 0px; background: rgb(17, 17, 17); }
.source-ticker-inner { display: inline-block; animation: 14s linear 0s infinite normal none running tickerScroll; font-family: "Bebas Neue", sans-serif; font-size: clamp(18px, 3vw, 28px); letter-spacing: 8px; color: var(--brass); text-transform: uppercase; }
.src-hero { position: relative; min-height: 85vh; display: flex; align-items: center; justify-content: center; overflow: hidden; background: rgb(10, 10, 10); }
.src-hero-video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; transform: translate(-50%, -50%); object-fit: cover; opacity: 0.35; filter: contrast(1.3) saturate(0.7); }
.src-hero::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(10, 10, 10, 0.3) 0%, rgba(10, 10, 10, 0.8) 70%, rgb(10, 10, 10) 100%); z-index: 1; }
.src-hero-content { position: relative; z-index: 2; text-align: center; padding: 0px 5vw; }
.src-hero-title { font-family: "Bebas Neue", sans-serif; font-size: clamp(72px, 18vw, 220px); font-weight: 400; letter-spacing: -6px; line-height: 0.82; color: rgb(255, 255, 255); text-transform: uppercase; animation: 5s ease-in-out 0s infinite normal none running glitchText; margin-bottom: 0px; }
.src-hero-title .brass { color: var(--brass); }
.src-hero-title .outline-word { -webkit-text-stroke: 2px rgba(255, 255, 255, 0.25); color: transparent; }
.src-hero-sub { font-family: "Space Grotesk", monospace; font-size: clamp(10px, 1.5vw, 14px); letter-spacing: 10px; text-transform: uppercase; color: var(--brass); margin-top: 24px; animation: 3s ease-in-out 0s infinite normal none running neonPulse; }
.src-hero-stats { display: flex; justify-content: center; gap: 48px; margin-top: 40px; }
.src-stat-num { font-family: "Bebas Neue", sans-serif; font-size: clamp(36px, 6vw, 64px); color: rgb(255, 255, 255); line-height: 1; }
.src-stat-label { font-family: "Space Grotesk", monospace; font-size: 9px; letter-spacing: 4px; text-transform: uppercase; color: rgba(176, 149, 110, 0.6); margin-top: 4px; }
.src-mosaic-intro { padding: 48px 5vw 24px; background: rgb(10, 10, 10); }
.src-mosaic-intro h2 { font-family: "Bebas Neue", sans-serif; font-size: clamp(28px, 4vw, 48px); font-weight: 400; color: rgb(255, 255, 255); letter-spacing: 3px; text-transform: uppercase; margin-bottom: 6px; }
.src-mosaic-intro h2 .brass { color: var(--brass); }
.src-mosaic-intro p { font-family: "Space Grotesk", monospace; font-size: 13px; letter-spacing: 3px; text-transform: uppercase; color: rgba(240, 236, 230, 0.5); }
.src-volume-bar { width: 100%; padding: 40px 5vw; background: rgb(10, 10, 10); border-top: 2px solid rgba(176, 149, 110, 0.15); border-bottom: 2px solid rgba(176, 149, 110, 0.15); text-align: center; position: relative; overflow: hidden; }
.src-volume-bar::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 2px; background: linear-gradient(90deg, transparent 5%, var(--brass) 50%, transparent 95%); animation: 2s ease-in-out 0s infinite normal none running volumePulse; }
.src-volume-bar::after { content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; height: 2px; background: linear-gradient(90deg, transparent 5%, var(--brass) 50%, transparent 95%); animation: 2s ease-in-out 1s infinite normal none running volumePulse; }
.vol-headline { font-family: "Bebas Neue", sans-serif; font-size: clamp(32px, 5vw, 56px); letter-spacing: 8px; text-transform: uppercase; color: rgb(255, 255, 255); margin-bottom: 20px; animation: 6s ease-in-out 0s infinite normal none running volGlitch; }
.vol-headline .brass { color: var(--brass); text-shadow: rgba(176, 149, 110, 0.5) 0px 0px 20px, rgba(176, 149, 110, 0.2) 0px 0px 40px; }
.vol-tags { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px 24px; margin-top: 8px; }
.vol-tag { font-family: "Bebas Neue", sans-serif; font-size: clamp(16px, 2.5vw, 24px); letter-spacing: 4px; text-transform: uppercase; color: rgba(240, 236, 230, 0.5); transition: 0.3s; position: relative; }
.vol-tag:hover { color: var(--brass); text-shadow: rgba(176, 149, 110, 0.4) 0px 0px 15px; }
.vol-tag::after { content: "//"; margin-left: 24px; color: rgba(176, 149, 110, 0.2); font-size: 0.7em; }
.vol-tag:last-child::after { content: ""; }
@media (max-width: 768px){
.src-volume-bar { padding: 28px 5vw; }
.vol-tags { gap: 8px 16px; }
.vol-tag::after { margin-left: 16px; }
}
.src-mosaic { display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: minmax(180px, auto); gap: 16px; padding: 16px 5vw 40px; background: rgb(10, 10, 10); }
.src-tile { position: relative; overflow: hidden; cursor: pointer; border: 2px solid rgba(176, 149, 110, 0.15); border-radius: 4px; transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.src-tile:hover { border-color: var(--brass); z-index: 10; transform: scale(1.015); box-shadow: rgba(176, 149, 110, 0.2) 0px 0px 40px, rgba(176, 149, 110, 0.1) 0px 0px 0px 1px inset; }
.src-tile video, .src-tile img { width: 100%; height: 100%; object-fit: cover; display: block; filter: contrast(1.1) saturate(0.8); transition: filter 0.4s; }
.src-tile:hover video, .src-tile:hover img { filter: contrast(1.15) saturate(1); }
.src-tile-label { position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 32px 20px 18px; background: linear-gradient(transparent 0%, rgba(10, 10, 10, 0.85) 40%, rgba(10, 10, 10, 0.97) 100%); z-index: 3; }
.src-tile-num { font-family: "Space Grotesk", monospace; font-size: 10px; color: rgba(176, 149, 110, 0.6); letter-spacing: 3px; margin-bottom: 6px; display: block; }
.src-tile-name { font-family: "Bebas Neue", sans-serif; font-size: clamp(18px, 2.5vw, 30px); color: rgb(255, 255, 255); letter-spacing: 2px; text-transform: uppercase; line-height: 1.1; transition: color 0.3s; }
.src-tile:hover .src-tile-name { color: var(--brass); }
.src-tile-cta { font-family: Satisfy, cursive; font-size: 24px; letter-spacing: 1px; color: rgba(255, 200, 220, 0.6); -webkit-text-stroke: 1px rgba(255, 255, 255, 0.8); text-shadow: rgba(255, 255, 255, 0.5) 0px 0px 4px, rgb(255, 45, 123) 0px 0px 10px, rgb(255, 45, 123) 0px 0px 22px, rgba(255, 45, 123, 0.6) 0px 0px 40px, rgba(255, 45, 123, 0.35) 0px 0px 70px, rgba(255, 45, 123, 0.15) 0px 0px 110px; opacity: 0.88; margin-top: 14px; display: block; transition: 0.4s; animation: 5s ease-in-out 0s infinite normal none running neonBreathe; }
.src-tile:hover .src-tile-cta { opacity: 1; color: rgba(255, 210, 230, 0.75); -webkit-text-stroke: 1.2px rgba(255, 255, 255, 0.95); text-shadow: rgba(255, 255, 255, 0.6) 0px 0px 6px, rgb(255, 45, 123) 0px 0px 14px, rgb(255, 45, 123) 0px 0px 30px, rgba(255, 45, 123, 0.7) 0px 0px 55px, rgba(255, 45, 123, 0.4) 0px 0px 90px, rgba(255, 45, 123, 0.2) 0px 0px 140px; }
.src-tile--xl { grid-area: span 2 / span 8; min-height: 340px; }
.src-tile--md { grid-area: span 2 / span 4; min-height: 260px; }
.src-tile--sm { grid-area: span 1 / span 4; min-height: 200px; }
.src-tile--wide { grid-area: span 1 / span 8; min-height: 220px; }
.src-tv-row { display: flex; gap: 16px; padding: 16px 3vw 40px; background: rgb(5, 5, 5); align-items: stretch; }
.src-tv-row .src-tile--wildcard { flex: 0 0 30%; min-height: 0px; position: relative; border-radius: 8px; overflow: hidden; cursor: pointer; display: flex; align-items: flex-end; }
.src-tv-row .src-tile--wildcard .src-video-wrap { position: absolute; inset: 0px; }
.src-tv-row .src-tile--wildcard .src-video-wrap video { width: 100%; height: 100%; object-fit: cover; }
.src-tv-row .src-tile--wildcard .src-tile-label { position: relative; z-index: 2; padding: 20px; background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%); width: 100%; }
@media (max-width: 768px){
.src-tv-row { flex-direction: column; padding: 16px 3vw; }
.src-tv-row .src-tile--wildcard { flex: 0 0 auto; min-height: 200px; }
}
.src-retro-tv-wrap { flex: 1 1 0%; padding: 0px; background: transparent; position: relative; }
.src-retro-tv { position: relative; width: 100%; background: rgb(26, 22, 18); border-radius: 40px; padding: 24px 24px 48px; box-shadow: rgba(0, 0, 0, 0.7) 0px 12px 60px, rgba(176, 149, 110, 0.12) 0px 2px 0px inset, rgba(0, 0, 0, 0.5) 0px -3px 0px inset, rgb(15, 13, 10) 0px 0px 0px 4px, rgba(176, 149, 110, 0.08) 0px 0px 0px 6px; border: 2px solid rgba(176, 149, 110, 0.1); }
.src-retro-tv::before { content: ""; position: absolute; top: -36px; left: 38%; width: 2px; height: 36px; background: linear-gradient(to top, rgba(176, 149, 110, 0.4), rgba(176, 149, 110, 0.05)); transform: rotate(-20deg); transform-origin: center bottom; }
.src-retro-tv::after { content: ""; position: absolute; top: -36px; right: 38%; width: 2px; height: 36px; background: linear-gradient(to top, rgba(176, 149, 110, 0.4), rgba(176, 149, 110, 0.05)); transform: rotate(20deg); transform-origin: center bottom; }
.src-tv-screen { position: relative; width: 100%; height: clamp(200px, 28vw, 380px); background: rgb(2, 5, 5); border-radius: 20px; overflow: hidden; border: 1px solid rgba(176, 149, 110, 0.06); box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 100px inset, rgba(0, 50, 50, 0.05) 0px 0px 30px inset; }
.src-tv-screen::before { content: ""; position: absolute; inset: 0px; z-index: 3; background: repeating-linear-gradient(transparent, transparent 2px, rgba(0, 0, 0, 0.18) 2px, rgba(0, 0, 0, 0.18) 4px); pointer-events: none; }
.src-tv-screen::after { content: ""; position: absolute; inset: 0px; z-index: 4; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 80px inset; pointer-events: none; }
.src-tv-scroll { position: absolute; top: 0px; left: 0px; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 16px 0px; animation: 20s linear 0s infinite normal none running tvScroll, 0.12s ease 0s infinite normal none running tvFlicker; }
.src-tv-logo { font-family: "Bebas Neue", sans-serif; font-size: clamp(24px, 3.5vw, 42px); letter-spacing: 8px; text-transform: uppercase; text-align: center; padding: 4px 20px; white-space: nowrap; text-shadow: currentcolor 0px 0px 10px, currentcolor 0px 0px 30px, currentcolor 0px 0px 60px; animation: 10s ease-in-out 0s infinite normal none running tvGlitch; }
.src-tv-logo:nth-child(1) { color: rgb(255, 45, 123); }
.src-tv-logo:nth-child(2) { color: rgb(0, 217, 255); }
.src-tv-logo:nth-child(3) { color: rgb(255, 215, 0); }
.src-tv-logo:nth-child(4) { color: rgb(255, 107, 53); }
.src-tv-logo:nth-child(5) { color: rgb(0, 255, 136); }
.src-tv-logo:nth-child(6) { color: rgb(179, 136, 255); }
.src-tv-logo:nth-child(7) { color: rgb(255, 64, 129); }
.src-tv-logo:nth-child(8) { color: rgb(24, 255, 255); }
.src-tv-logo:nth-child(9) { color: rgb(255, 171, 64); }
.src-tv-logo:nth-child(10) { color: rgb(105, 240, 174); }
.src-tv-logo:nth-child(11) { color: rgb(224, 64, 251); }
.src-tv-logo:nth-child(12) { color: rgb(64, 196, 255); }
.src-tv-logo:nth-child(13) { color: rgb(255, 110, 64); }
.src-tv-logo:nth-child(14) { color: rgb(178, 255, 89); }
.src-tv-logo:nth-child(15) { color: rgb(255, 128, 171); }
.src-tv-logo:nth-child(16) { color: rgb(132, 255, 255); }
.src-tv-logo:nth-child(17) { color: rgb(245, 255, 48); }
.src-tv-logo:nth-child(n+18) { color: inherit; }
.src-tv-label { text-align: center; margin-top: 14px; font-family: "Space Grotesk", monospace; font-size: 10px; letter-spacing: 4px; text-transform: uppercase; color: rgba(176, 149, 110, 0.3); }
.src-tv-knobs { position: absolute; bottom: 14px; left: 50%; transform: translateX(-50%); display: flex; gap: 16px; align-items: center; }
.src-tv-knob { width: 12px; height: 12px; border-radius: 50%; background: radial-gradient(circle at 40% 35%, rgba(176, 149, 110, 0.3), rgba(176, 149, 110, 0.08)); border: 1px solid rgba(176, 149, 110, 0.12); box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 4px; }
.src-tv-knob:nth-child(2) { width: 16px; height: 16px; }
.src-tv-brand { font-family: Satisfy, cursive; font-size: 14px; color: rgba(176, 149, 110, 0.2); margin-left: 20px; letter-spacing: 1px; }
@media (max-width: 768px){
.src-retro-tv { border-radius: 24px; padding: 16px 16px 40px; }
.src-tv-screen { height: 240px; border-radius: 14px; }
.src-tv-logo { letter-spacing: 4px; gap: 14px; }
.src-retro-tv-wrap { padding: 32px 3vw; }
}
.src-art-section { position: relative; padding: 80px 5vw 60px; background: rgb(17, 17, 17); border-top: 3px solid var(--brass); border-bottom: 3px solid var(--brass); overflow: hidden; }
.src-art-section::before { content: "On Art"; position: absolute; top: 10px; right: 2vw; font-family: Satisfy, cursive; font-size: clamp(100px, 18vw, 280px); font-weight: 400; letter-spacing: 2px; line-height: 1; pointer-events: none; z-index: 0; color: transparent; -webkit-text-stroke: 2px rgba(255, 255, 255, 0.9); text-shadow: rgba(255, 255, 255, 0.6) 0px 0px 4px, rgba(255, 200, 220, 0.5) 0px 0px 8px, rgb(255, 45, 123) 0px 0px 15px, rgb(255, 45, 123) 0px 0px 30px, rgba(255, 45, 123, 0.7) 0px 0px 55px, rgba(255, 45, 123, 0.5) 0px 0px 85px, rgba(255, 45, 123, 0.35) 0px 0px 130px, rgba(255, 45, 123, 0.15) 0px 0px 200px, rgba(255, 45, 123, 0.08) 0px 0px 300px; opacity: 0.92; transform: rotate(-2.5deg); transform-origin: right top; animation: 5s ease-in-out 0s infinite normal none running neonBreathe, 4s ease-in-out 0s infinite normal none running neonFlicker; }
.src-art-section::after { content: ""; position: absolute; top: -5%; right: -5%; width: 75%; height: 65%; background: radial-gradient(at 65% 30%, rgba(255, 45, 123, 0.12) 0%, transparent 55%), radial-gradient(at 70% 45%, rgba(255, 45, 123, 0.06) 0%, transparent 70%); pointer-events: none; z-index: 0; animation: 5s ease-in-out 0s infinite normal none running neonBreathe; }
.src-art-title { font-family: "Bebas Neue", sans-serif; font-size: clamp(48px, 10vw, 120px); color: rgb(255, 255, 255); letter-spacing: -3px; line-height: 0.9; text-transform: uppercase; position: relative; z-index: 1; margin-bottom: 16px; }
.src-art-title .brass { color: var(--brass); }
.src-art-desc { font-family: "Space Grotesk", monospace; font-size: clamp(11px, 1.3vw, 14px); color: rgba(240, 236, 230, 0.5); letter-spacing: 2px; max-width: 700px; line-height: 1.8; text-transform: uppercase; position: relative; z-index: 1; margin-bottom: 40px; }
.src-art-desc strong { color: var(--brass); font-weight: 600; }
.src-art-sizes { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; position: relative; z-index: 1; }
.src-art-size { padding: 10px 20px; border: 1px solid rgba(176, 149, 110, 0.3); font-family: "Space Grotesk", monospace; font-size: 12px; letter-spacing: 2px; color: var(--brass); text-transform: uppercase; cursor: pointer; transition: all 0.3s; }
.src-art-size:hover { border-color: var(--brass); background: rgba(176, 149, 110, 0.1); color: #fff; }
.src-art-size--custom { border: 2px solid var(--brass); color: #fff; background: rgba(176, 149, 110, 0.1); }
.src-art-ship { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 40px; position: relative; z-index: 1; }
.src-art-ship-cell { padding: 20px; border: 1px solid rgba(176, 149, 110, 0.15); background: rgba(10, 10, 10, 0.5); }
.src-art-ship-h { font-family: "Bebas Neue", sans-serif; font-size: 22px; color: #fff; letter-spacing: 2px; margin-bottom: 8px; }
.src-art-ship-cell p { font-family: "Space Grotesk", monospace; font-size: 11px; color: rgba(240, 236, 230, 0.45); letter-spacing: 1px; line-height: 1.7; }
.src-art-ship-cell p strong { color: var(--brass); }
.src-art-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; position: relative; z-index: 1; }
.src-art-frame { aspect-ratio: 4 / 5; position: relative; overflow: hidden; border: 1px solid rgba(176, 149, 110, 0.15); cursor: pointer; transition: border-color 0.4s; }
.src-art-frame:hover { border-color: var(--brass); box-shadow: rgba(176, 149, 110, 0.2) 0px 0px 50px; }
.src-art-frame-inner { position: absolute; inset: 0px; width: 100%; height: 100%; }
.src-art-frame-inner video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1s, transform 1s; }
.src-art-frame-inner video.active { opacity: 1; }
.src-art-frame-inner video.exit-up { transform: translateY(-100%); }
.src-art-frame-inner video.exit-left { transform: translateX(-100%); }
.src-art-frame-inner video.exit-zoom { transform: scale(1.4); }
.src-art-label { position: absolute; bottom: 0px; left: 0px; right: 0px; padding: 24px 16px 16px; background: linear-gradient(transparent, rgba(10, 10, 10, 0.9)); font-family: "Space Grotesk", monospace; font-size: 10px; letter-spacing: 3px; color: var(--brass); text-transform: uppercase; }
.src-art-cta-btn { display: inline-block; margin-top: 32px; padding: 16px 40px; border: 2px solid var(--brass); color: var(--brass); font-family: "Bebas Neue", sans-serif; font-size: clamp(16px, 2vw, 22px); letter-spacing: 4px; text-transform: uppercase; text-decoration: none; cursor: pointer; background: transparent; transition: 0.3s; position: relative; z-index: 1; animation: 3s ease-in-out 0s infinite normal none running borderGlow; }
.src-art-cta-btn:hover { background: var(--brass); color: rgb(10, 10, 10); box-shadow: rgba(176, 149, 110, 0.3) 0px 0px 30px; }
.src-cta-block { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px; background: rgb(10, 10, 10); border-top: 3px solid var(--brass); }
.src-cta-cell { padding: 48px 24px; text-align: center; border-right: 1px solid rgba(176, 149, 110, 0.1); cursor: pointer; transition: 0.4s; position: relative; overflow: hidden; }
.src-cta-cell:last-child { border-right: none; }
.src-cta-cell:hover { background: rgba(176, 149, 110, 0.12); }
.src-cta-cell::before { content: ""; position: absolute; bottom: 0px; left: 50%; width: 0px; height: 3px; background: var(--brass); transition: 0.4s; transform: translateX(-50%); }
.src-cta-cell:hover::before { width: 80%; }
.src-cta-icon { font-size: 32px; margin-bottom: 12px; display: block; }
.src-cta-label { font-family: "Bebas Neue", sans-serif; font-size: clamp(18px, 2.5vw, 28px); color: rgb(255, 255, 255); letter-spacing: 3px; text-transform: uppercase; margin-bottom: 8px; }
.src-cta-sub { font-family: "Space Grotesk", monospace; font-size: 10px; color: rgba(240, 236, 230, 0.35); letter-spacing: 2px; text-transform: uppercase; }
.src-freight { padding: 24px 5vw; background: rgb(10, 10, 10); border-top: 1px solid rgba(176, 149, 110, 0.1); display: flex; align-items: center; gap: 16px; }
.src-freight-icon { font-size: 24px; }
.src-freight p { font-family: "Space Grotesk", monospace; font-size: 12px; color: rgba(240, 236, 230, 0.4); letter-spacing: 1px; line-height: 1.6; }
.src-freight a { color: var(--brass); text-decoration: none; border-bottom: 1px solid rgba(176, 149, 110, 0.3); }
.src-freight strong { color: rgb(255, 255, 255); }
@media (max-width: 768px){
.src-hero { min-height: 60vh; }
.src-hero-title { font-size: clamp(48px, 14vw, 90px); letter-spacing: -3px; }
.src-hero-stats { flex-wrap: wrap; gap: 20px; }
.src-mosaic { grid-template-columns: repeat(6, 1fr); gap: 10px; padding: 10px 4vw 32px; }
.src-tile--xl, .src-tile--wide { grid-column: span 6; min-height: 220px; }
.src-tile--md, .src-tile--sm, .src-tile--tall { grid-column: span 3; min-height: 180px; }
.src-tile-name { font-size: clamp(16px, 4vw, 24px); }
.src-art-grid { grid-template-columns: repeat(2, 1fr); }
.src-art-section { padding: 100px 5vw 48px; }
.src-art-title { font-size: clamp(36px, 10vw, 72px); }
.src-art-ship { grid-template-columns: 1fr; }
.src-cta-block { grid-template-columns: 1fr 1fr !important; }
.src-cta-cell { border-right: none; border-bottom: 1px solid rgba(176, 149, 110, 0.1); padding: 32px 24px; }
.src-freight { flex-direction: column; text-align: center; }
.src-tile-cta { text-shadow: rgba(255, 255, 255, 0.4) 0px 0px 4px, rgb(255, 45, 123) 0px 0px 12px, rgba(255, 45, 123, 0.5) 0px 0px 28px; font-size: 20px; }
.src-art-section::before { text-shadow: rgba(255, 255, 255, 0.5) 0px 0px 4px, rgb(255, 45, 123) 0px 0px 15px, rgba(255, 45, 123, 0.5) 0px 0px 40px; font-size: clamp(60px, 14vw, 160px); }
.src-art-section::after { display: none; }
}
@media (max-width: 1024px){
.src-mosaic { grid-template-columns: repeat(9, 1fr); gap: 12px; }
}
@media (max-width: 768px){
.cta-btn, .btn, button { min-height: 44px; }
}
@keyframes grainShift {
0% { transform: translate(0px, 0px); }
33% { transform: translate(-2px, 1px); }
66% { transform: translate(1px, -2px); }
100% { transform: translate(0px, 0px); }
}
@keyframes glitchText {
0%, 90%, 100% { text-shadow: none; transform: translate(0px); }
92% { text-shadow: rgb(176, 149, 110) -3px 0px, rgb(200, 176, 138) 3px 0px; transform: translate(2px, -1px); }
94% { text-shadow: rgb(212, 184, 150) 3px 0px, rgb(176, 149, 110) -3px 0px; transform: translate(-1px, 2px); }
96% { text-shadow: rgb(200, 176, 138) -2px 0px, rgb(212, 184, 150) 2px 0px; transform: translate(1px, 1px); }
98% { text-shadow: rgb(176, 149, 110) 2px 0px, rgb(200, 176, 138) -2px 0px; transform: translate(-2px, -1px); }
}
@keyframes neonPulse {
0%, 100% { opacity: 1; text-shadow: rgba(176, 149, 110, 0.5) 0px 0px 10px, rgba(176, 149, 110, 0.2) 0px 0px 40px; }
50% { opacity: 0.85; text-shadow: rgba(176, 149, 110, 0.8) 0px 0px 20px, rgba(176, 149, 110, 0.4) 0px 0px 60px; }
}
@keyframes tickerScroll {
0% { transform: translateX(0px); }
100% { transform: translateX(-50%); }
}
@keyframes borderGlow {
0%, 100% { border-color: rgba(176, 149, 110, 0.2); }
50% { border-color: rgba(176, 149, 110, 0.6); }
}
@keyframes volumePulse {
0%, 100% { opacity: 0.3; }
50% { opacity: 0.9; }
}
@keyframes volGlitch {
0%, 92%, 100% { transform: translateX(0px); }
93% { transform: translateX(-3px) skewX(-1deg); }
94% { transform: translateX(2px); }
95% { transform: translateX(-1px) skewX(0.5deg); }
96% { transform: translateX(0px); }
}
@keyframes tvScroll {
0% { transform: translateY(0px); }
100% { transform: translateY(-50%); }
}
@keyframes tvFlicker {
0%, 96%, 100% { opacity: 1; }
96.5% { opacity: 0.7; }
97% { opacity: 1; }
97.5% { opacity: 0.82; }
98% { opacity: 1; }
}
@keyframes tvGlitch {
0%, 94%, 100% { transform: translateX(0px); filter: none; }
95% { transform: translateX(-4px); filter: blur(1.5px); }
96% { transform: translateX(3px); filter: hue-rotate(90deg) brightness(1.3); }
97% { transform: translateX(-2px); filter: blur(0.5px) saturate(2); }
98% { transform: translateX(1px); filter: none; }
}
@keyframes neonBreathe {
0%, 100% { filter: brightness(1); }
30% { filter: brightness(1.15); }
60% { filter: brightness(0.95); }
80% { filter: brightness(1.08); }
}
@keyframes neonFlicker {
0%, 100% { opacity: 0.92; }
3% { opacity: 0.7; }
4.5% { opacity: 0.92; }
6% { opacity: 0.78; }
7.5% { opacity: 0.92; }
47% { opacity: 0.92; }
48% { opacity: 0.8; }
49% { opacity: 0.92; }
72% { opacity: 0.88; }
73% { opacity: 0.75; }
73.5% { opacity: 0.92; }
}
.briefing-overlay { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(10, 10, 10, 0.95); backdrop-filter: blur(12px); z-index: 10000; display: none; align-items: center; justify-content: center; padding: 20px; overflow-y: auto; }
.briefing-overlay.open { display: flex; }
.briefing-modal { background: rgb(17, 17, 17); border: 1px solid rgba(176, 149, 110, 0.2); border-radius: 6px; max-width: 580px; width: 100%; padding: 48px 40px; position: relative; max-height: 90vh; overflow-y: auto; }
.briefing-close { position: absolute; top: 16px; right: 20px; background: none; border: none; color: rgba(240, 236, 230, 0.4); font-size: 24px; cursor: pointer; font-family: Outfit, sans-serif; transition: color 0.2s; }
.briefing-close:hover { color: var(--brass); }
.briefing-title { font-family: "Bebas Neue", sans-serif; font-size: 36px; color: rgb(255, 255, 255); letter-spacing: 1px; margin-bottom: 4px; }
.briefing-subtitle { font-family: "Space Grotesk", monospace; font-size: 11px; letter-spacing: 4px; text-transform: uppercase; color: var(--brass); margin-bottom: 32px; }
.briefing-field { margin-bottom: 20px; }
.briefing-field label { display: block; font-family: "DM Sans", sans-serif; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: rgba(240, 236, 230, 0.5); margin-bottom: 8px; }
.briefing-field input, .briefing-field select, .briefing-field textarea { width: 100%; padding: 12px 16px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(176, 149, 110, 0.2); border-radius: 4px; color: rgb(255, 255, 255); font-family: "DM Sans", sans-serif; font-size: 14px; outline: none; transition: border-color 0.2s; box-sizing: border-box; }
.briefing-field input:focus, .briefing-field select:focus, .briefing-field textarea:focus { border-color: var(--brass); }
.briefing-field textarea { min-height: 80px; resize: vertical; }
.briefing-field select option { background: rgb(17, 17, 17); color: rgb(255, 255, 255); }
.briefing-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.briefing-submit { width: 100%; padding: 16px; margin-top: 24px; background: var(--brass); color: rgb(10, 10, 10); border: none; border-radius: 4px; font-family: "Space Grotesk", monospace; font-size: 12px; letter-spacing: 4px; text-transform: uppercase; cursor: pointer; font-weight: 600; transition: 0.3s; }
.briefing-submit:hover { background: rgb(200, 176, 138); transform: translateY(-1px); }
.briefing-legal { font-family: "DM Sans", sans-serif; font-size: 10px; color: rgba(240, 236, 230, 0.3); text-align: center; margin-top: 16px; line-height: 1.4; }
.upload-zone { border: 1px dashed rgba(176, 149, 110, 0.3); border-radius: 4px; padding: 24px; text-align: center; cursor: pointer; transition: 0.3s; background: rgba(255, 255, 255, 0.02); }
.upload-zone:hover, .upload-zone.dragover { border-color: var(--brass); background: rgba(176, 149, 110, 0.05); }
.upload-icon { font-size: 28px; color: rgba(176, 149, 110, 0.4); margin-bottom: 8px; font-weight: 300; font-family: Outfit, sans-serif; }
.upload-text { font-family: "DM Sans", sans-serif; font-size: 13px; color: rgba(240, 236, 230, 0.5); margin-bottom: 4px; }
.upload-hint { font-family: "DM Sans", sans-serif; font-size: 10px; color: rgba(240, 236, 230, 0.25); }
.upload-preview { display: flex; gap: 8px; margin-top: 12px; flex-wrap: wrap; }
.upload-thumb { position: relative; width: 64px; height: 64px; border: 1px solid rgba(176, 149, 110, 0.3); border-radius: 4px; overflow: hidden; }
.upload-thumb img { width: 100%; height: 100%; object-fit: cover; }
.upload-thumb-remove { position: absolute; top: 2px; right: 2px; width: 18px; height: 18px; border: none; border-radius: 50%; background: rgba(10, 10, 10, 0.8); color: #fff; font-size: 12px; cursor: pointer; line-height: 18px; padding: 0; }
@media (max-width: 768px){
.briefing-modal { padding: 32px 24px; }
.briefing-row { grid-template-columns: 1fr; }
#liam-avatar-widget { width: 70px !important; height: 70px !important; bottom: 16px !important; right: 16px !important; }
#liam-avatar-widget img { width: 70px !important; height: 70px !important; }
}

/* ── ON SOURCING standalone additions (nav, countries, offices, footer) — same design language as the overlay ── */
html { scroll-behavior: smooth; overflow-x: hidden; }
body { overflow-x: hidden; }
body { background: #0A0A0A; color: var(--warm-white); font-family: "Space Grotesk", monospace; -webkit-font-smoothing: antialiased; }
.skip { position: absolute; left: -9999px; }
.skip:focus { left: 16px; top: 16px; z-index: 99999; background: var(--brass); color: #0a0a0a; padding: 8px 12px; }
.site-header { position: sticky; top: 0; z-index: 5000; background: rgba(74, 77, 71, 0.92); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(176, 149, 110, 0.25); }
.site-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 14px 5vw; }
.brand { display: flex; flex-direction: column; text-decoration: none; line-height: 1; }
.brand-name { font-family: "Bebas Neue", sans-serif; font-size: 26px; letter-spacing: 5px; color: #fff; }
.brand-name .brass { color: var(--brass); }
.brand-shade { font-size: 8px; letter-spacing: 3px; text-transform: uppercase; color: rgba(240, 236, 230, 0.45); margin-top: 4px; }
.site-nav { display: flex; align-items: center; gap: 28px; }
.site-nav a { font-family: "Space Grotesk", monospace; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: rgba(240, 236, 230, 0.75); text-decoration: none; transition: color 0.2s; }
.site-nav a:hover { color: var(--brass); }
.nav-btn { border: 1px solid var(--brass); padding: 10px 16px; color: var(--brass) !important; }
.nav-btn--solid { background: var(--brass); color: #0a0a0a !important; font-weight: 700; }
.nav-btn--solid:hover { background: var(--brass-light); color: #0a0a0a !important; }
.lang { display: flex; gap: 8px; font-size: 10px; letter-spacing: 2px; }
.lang a { color: rgba(240, 236, 230, 0.5); text-decoration: none; }
.lang a.active, .lang a:hover { color: var(--brass); }
#nav-burger { display: none; background: none; border: 1px solid rgba(176, 149, 110, 0.4); color: var(--brass); font-family: "Space Grotesk", monospace; font-size: 11px; letter-spacing: 3px; padding: 10px 14px; cursor: pointer; }
@media (max-width: 1024px) {
  #nav-burger { display: block; }
  .site-nav { display: none; position: absolute; left: 0; right: 0; top: 100%; flex-direction: column; align-items: stretch; gap: 0; background: var(--harbor-deep); border-bottom: 2px solid var(--brass); }
  .site-nav.open { display: flex; }
  .site-nav a { padding: 16px 5vw; border-top: 1px solid rgba(176, 149, 110, 0.15); }
  .nav-btn { border: none; }
  .lang { padding: 16px 5vw; }
}
.src-retro-tv-wrap { min-width: 0; }
.src-tv-label { overflow: hidden; text-overflow: ellipsis; }

/* Catalogs showcase */
.src-catalogs { padding: 80px 5vw 72px; background: #050505; border-top: 3px solid var(--brass); position: relative; overflow: hidden; }
.src-catalogs::before { content: "Catalogs"; position: absolute; top: 18px; right: 2vw; font-family: Satisfy, cursive; font-size: clamp(80px, 14vw, 220px); color: transparent; -webkit-text-stroke: 2px rgba(255,255,255,0.85); text-shadow: rgba(255,255,255,.5) 0 0 4px, rgb(255,45,123) 0 0 15px, rgb(255,45,123) 0 0 30px, rgba(255,45,123,.5) 0 0 70px; opacity: .85; transform: rotate(-2.5deg); transform-origin: right top; pointer-events: none; animation: 5s ease-in-out 0s infinite normal none running neonBreathe, 4s ease-in-out 0s infinite normal none running neonFlicker; }
.src-catalogs-head { position: relative; z-index: 1; max-width: 560px; margin-bottom: 36px; }
.src-catalogs h2 { font-family: "Bebas Neue", sans-serif; font-weight: 400; font-size: clamp(44px, 8vw, 110px); letter-spacing: -2px; line-height: .88; color: #fff; text-transform: uppercase; }
.src-catalogs h2 .brass { color: var(--brass); }
.src-catalogs-head p { margin-top: 18px; font-size: 12px; letter-spacing: 3px; text-transform: uppercase; color: rgba(240,236,230,.6); line-height: 1.8; }
.cat-origin { position: relative; z-index: 1; display: flex; align-items: center; gap: 16px; font-family: "Bebas Neue", sans-serif; font-size: 22px; letter-spacing: 6px; color: var(--brass); text-transform: uppercase; margin-bottom: 16px; }
.cat-origin::after { content: ""; flex: 1; height: 1px; background: rgba(176,149,110,.3); }
.cat-row { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.cat-card { position: relative; aspect-ratio: 3 / 4; overflow: hidden; border: 2px solid rgba(176,149,110,.2); border-radius: 4px; cursor: pointer; background: #111; transition: .45s cubic-bezier(.4,0,.2,1); box-shadow: 0 30px 60px rgba(0,0,0,.6); }
.cat-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: contrast(1.08) saturate(.85) brightness(.9); transition: transform 1.2s cubic-bezier(.2,.8,.2,1), filter .5s; }
.cat-card::after { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,.06) 2px, rgba(0,0,0,.06) 4px), linear-gradient(180deg, rgba(10,10,10,.35) 0%, transparent 30%, rgba(10,10,10,.35) 50%, rgba(10,10,10,.97) 100%); pointer-events: none; }
.cat-card:hover { border-color: var(--brass); transform: translateY(-8px) rotate(-.4deg); box-shadow: rgba(176,149,110,.25) 0 0 50px, 0 40px 80px rgba(0,0,0,.7); }
.cat-card:hover img { transform: scale(1.07); filter: contrast(1.12) saturate(1) brightness(1); }
.cat-spine { position: absolute; top: 14px; left: 16px; right: 16px; z-index: 3; display: flex; justify-content: space-between; font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: rgba(240,236,230,.85); }
.cat-lock { border: 1px solid rgba(176,149,110,.6); color: var(--brass); padding: 4px 8px; background: rgba(10,10,10,.55); backdrop-filter: blur(6px); }
.cat-label { position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; padding: 20px 18px 18px; }
.cat-vol { font-size: 10px; letter-spacing: 4px; color: rgba(176,149,110,.8); text-transform: uppercase; }
.cat-name { font-family: "Bebas Neue", sans-serif; font-size: clamp(34px, 3.6vw, 56px); line-height: .9; color: #fff; letter-spacing: 1px; text-transform: uppercase; margin-top: 4px; transition: color .3s; }
.cat-card:hover .cat-name { color: var(--brass); }
.cat-what { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: rgba(240,236,230,.6); margin-top: 6px; }
.cat-cta { display: block; margin-top: 12px; font-family: Satisfy, cursive; font-size: 22px; color: rgba(255,200,220,.6); -webkit-text-stroke: 1px rgba(255,255,255,.8); text-shadow: rgba(255,255,255,.5) 0 0 4px, rgb(255,45,123) 0 0 10px, rgb(255,45,123) 0 0 22px, rgba(255,45,123,.6) 0 0 40px; animation: 5s ease-in-out 0s infinite normal none running neonBreathe; }
.cat-more { position: relative; z-index: 1; margin-top: 28px; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.cat-more span { font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: rgba(240,236,230,.45); }
.cat-chip { font-family: "Bebas Neue", sans-serif; font-size: 18px; letter-spacing: 3px; color: rgba(240,236,230,.8); border: 1px solid rgba(176,149,110,.3); padding: 8px 14px; cursor: pointer; transition: .3s; background: transparent; }
.cat-chip:hover { border-color: var(--brass); color: var(--brass); }
@media (max-width: 1024px) { .cat-row { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .cat-row { grid-template-columns: repeat(2, 1fr); gap: 10px; } .cat-name { font-size: 30px; } .cat-cta { font-size: 18px; } .cat-spine { font-size: 8px; letter-spacing: 2px; } }


/* FAQ */
.src-faq { padding: 80px 5vw; background: #0A0A0A; border-top: 3px solid var(--brass); display: grid; grid-template-columns: 1fr 1.6fr; gap: 48px; }
.src-faq h2 { font-family: "Bebas Neue", sans-serif; font-weight: 400; font-size: clamp(44px, 7vw, 100px); letter-spacing: -2px; line-height: .88; color: #fff; text-transform: uppercase; }
.src-faq h2 .brass { color: var(--brass); }
.src-faq-head p { margin-top: 16px; font-size: 12px; letter-spacing: 3px; text-transform: uppercase; color: rgba(240,236,230,.55); }
.faq-item { border-top: 1px solid rgba(176,149,110,.25); }
.faq-item:last-child { border-bottom: 1px solid rgba(176,149,110,.25); }
.faq-item summary { list-style: none; display: grid; grid-template-columns: 44px 1fr 28px; align-items: center; gap: 12px; padding: 22px 0; cursor: pointer; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-num { font-size: 10px; letter-spacing: 3px; color: rgba(176,149,110,.7); }
.faq-q { font-family: "Bebas Neue", sans-serif; font-size: clamp(22px, 2.4vw, 32px); letter-spacing: 1.5px; color: #fff; text-transform: uppercase; line-height: 1.05; transition: color .3s; }
.faq-item summary:hover .faq-q, .faq-item[open] .faq-q { color: var(--brass); }
.faq-plus { font-family: "Bebas Neue", sans-serif; font-size: 30px; color: var(--brass); transition: transform .3s; text-align: right; }
.faq-item[open] .faq-plus { transform: rotate(45deg); }
.faq-a { padding: 0 28px 24px 56px; font-family: "DM Sans", sans-serif; font-size: 15px; line-height: 1.75; color: rgba(240,236,230,.78); max-width: 760px; }
@media (max-width: 900px) { .src-faq { grid-template-columns: 1fr; gap: 24px; } .faq-a { padding: 0 0 20px 56px; } }


/* In-stock art mosaic */
.src-makingof { position: relative; z-index: 1; margin-top: 14px; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: rgba(240,236,230,.45); }
.src-makingof b { color: var(--brass); font-weight: 600; }
.src-stock { position: relative; z-index: 1; margin-top: 64px; }
.src-stock-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; margin-bottom: 22px; }
.src-stock-h { font-family: "Bebas Neue", sans-serif !important; font-weight: 400 !important; font-size: clamp(40px, 7vw, 96px) !important; letter-spacing: -2px !important; line-height: .88 !important; color: #fff !important; text-transform: uppercase; margin: 0 !important; }
.src-stock-h .brass { color: var(--brass); }
.src-stock-head p { max-width: 520px; font-size: 12px; letter-spacing: 2.5px; text-transform: uppercase; line-height: 1.8; color: rgba(240,236,230,.6); }
.src-stock-head p strong { color: var(--brass); font-weight: 600; }
.stk-grid { display: grid; grid-template-columns: repeat(8, 1fr); grid-auto-rows: 118px; grid-auto-flow: dense; gap: 6px; }
.stk { position: relative; overflow: hidden; border: 0; padding: 0; margin: 0; background: #0b0b0b; cursor: pointer; border-radius: 2px; outline: 1px solid rgba(176,149,110,.12); }
.stk--wide { grid-column: span 2; }
.stk--tall { grid-row: span 2; }
.stk--sq { grid-column: span 1; }
.stk--big { grid-column: span 2; grid-row: span 2; }
.stk img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform-origin: center; animation: stkBreathe 9s ease-in-out infinite; animation-delay: var(--d); filter: contrast(1.05) saturate(.9) brightness(.88); transition: filter .4s; }
.stk::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(10,10,10,.85) 100%); opacity: 0; transition: opacity .35s; }
.stk::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; box-shadow: inset 0 0 0 0 var(--brass); animation: stkPop 9s ease-in-out infinite; animation-delay: var(--d); }
.stk-tag { position: absolute; left: 8px; right: 8px; bottom: 30px; z-index: 3; font-size: 10px; letter-spacing: 1.5px; text-transform: uppercase; color: #fff; text-align: left; opacity: 0; transform: translateY(6px); transition: .35s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.stk-tag b { color: var(--brass); margin-right: 4px; }
.stk-cta { position: absolute; left: 8px; bottom: 8px; z-index: 3; font-family: Satisfy, cursive; font-size: 17px; color: rgba(255,210,230,.8); -webkit-text-stroke: .6px rgba(255,255,255,.8); text-shadow: rgb(255,45,123) 0 0 10px, rgba(255,45,123,.6) 0 0 24px; opacity: 0; transform: translateY(6px); transition: .35s; }
.stk:hover img, .stk:focus-visible img { animation-play-state: paused; transform: scale(1.12); filter: contrast(1.1) saturate(1.05) brightness(1); transition: transform .8s cubic-bezier(.2,.8,.2,1), filter .4s; }
.stk:hover::after, .stk:focus-visible::after { opacity: 1; }
.stk:hover .stk-tag, .stk:hover .stk-cta, .stk:focus-visible .stk-tag, .stk:focus-visible .stk-cta { opacity: 1; transform: none; }
.stk:hover { outline-color: var(--brass); z-index: 4; }
@keyframes stkBreathe { 0%,100% { transform: scale(1); } 50% { transform: scale(1.09); } }
@keyframes stkPop { 0%, 86%, 100% { box-shadow: inset 0 0 0 0 rgba(176,149,110,0); } 90% { box-shadow: inset 0 0 0 2px rgba(176,149,110,.9), 0 0 30px rgba(255,45,123,.25); } }
@media (max-width: 1024px) { .stk-grid { grid-template-columns: repeat(6, 1fr); grid-auto-rows: 100px; } }
@media (max-width: 640px) { .stk-grid { grid-template-columns: repeat(3, 1fr); grid-auto-rows: 96px; gap: 4px; } .stk-tag { display: none; } .stk-cta { opacity: 1; transform: none; font-size: 14px; } }
@media (prefers-reduced-motion: reduce) { .stk img, .stk::before { animation: none; } }
.stk-lb { position: fixed; inset: 0; z-index: 5000; background: rgba(8,8,8,.96); display: grid; grid-template-columns: 72px 1fr 72px; grid-template-rows: 1fr auto; align-items: center; padding: 28px 0 0; animation: lbIn .25s ease-out; }
.stk-lb[hidden] { display: none; }
@keyframes lbIn { from { opacity: 0; } to { opacity: 1; } }
.stk-lb-fig { grid-column: 2; margin: 0; height: 100%; min-height: 0; display: flex; align-items: center; justify-content: center; }
.stk-lb-fig img { max-width: 100%; max-height: calc(100vh - 170px); object-fit: contain; box-shadow: 0 30px 80px rgba(0,0,0,.7); outline: 1px solid rgba(176,149,110,.35); }
.stk-lb-nav { background: none; border: 0; color: rgba(240,236,230,.7); font-size: 56px; line-height: 1; cursor: pointer; height: 100%; transition: color .2s; }
.stk-lb-nav:hover { color: var(--brass); }
.stk-lb-x { position: absolute; top: 14px; right: 22px; z-index: 2; background: none; border: 0; color: #fff; font-size: 40px; line-height: 1; cursor: pointer; }
.stk-lb-x:hover { color: var(--brass); }
.stk-lb-bar { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; gap: 24px; flex-wrap: wrap; padding: 18px 5vw 24px; border-top: 1px solid rgba(176,149,110,.22); }
.stk-lb-count { font-family: "Space Grotesk", monospace; font-size: 11px; letter-spacing: 3px; color: var(--brass); }
.stk-lb-name { font-family: "Bebas Neue", sans-serif; font-size: 34px; letter-spacing: 1px; color: #fff; line-height: 1.05; }
.stk-lb-meta { font-family: "Space Grotesk", monospace; font-size: 12px; letter-spacing: 1px; color: rgba(240,236,230,.6); margin: 2px 0 0; }
.stk-lb-order { background: var(--brass); color: #111; border: 0; padding: 16px 28px; font-family: "Space Grotesk", monospace; font-size: 12px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; cursor: pointer; transition: background .2s; }
.stk-lb-order:hover { background: #fff; }
@media (max-width: 640px) { .stk-lb { grid-template-columns: 40px 1fr 40px; } .stk-lb-nav { font-size: 40px; } .stk-lb-fig img { max-height: calc(100vh - 230px); } .stk-lb-order { width: 100%; } }
.stk img { transition: opacity .45s, filter .4s; }
.stk.stk-swap img { opacity: 0; }
.stk-more { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; margin-top: 26px; }
.stk-more-btn { background: transparent; border: 1px solid var(--brass); color: #fff; padding: 18px 30px; font-family: "Bebas Neue", sans-serif; font-size: 26px; letter-spacing: 2px; cursor: pointer; transition: background .2s, color .2s; }
.stk-more-btn:hover { background: var(--brass); color: #111; }
.stk-more-note { font-family: Satisfy, cursive; font-size: 24px; color: rgba(255,210,230,.85); text-shadow: rgb(255,45,123) 0 0 10px, rgba(255,45,123,.6) 0 0 24px; }
.wall { position: fixed; inset: 0; z-index: 4800; background: #0a0a0a; display: flex; flex-direction: column; animation: lbIn .25s ease-out; }
.wall[hidden] { display: none; }
.wall-top { display: flex; align-items: center; gap: 18px 28px; flex-wrap: wrap; padding: 18px 5vw 14px; border-bottom: 1px solid rgba(176,149,110,.22); position: relative; }
.wall-title { display: flex; align-items: baseline; gap: 14px; margin-right: auto; }
.wall-h { font-family: "Bebas Neue", sans-serif; font-size: clamp(34px,4vw,56px); line-height: .9; color: #fff; letter-spacing: 1px; }
.wall-count { font-family: "Space Grotesk", monospace; font-size: 12px; letter-spacing: 3px; color: var(--brass); }
.wall-switch { display: inline-flex; border: 1px solid rgba(176,149,110,.5); margin-right: 52px; }
.wall-mode { background: transparent; border: 0; color: rgba(240,236,230,.7); padding: 11px 18px; font-family: "Space Grotesk", monospace; font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; }
.wall-mode.is-on { background: var(--brass); color: #111; }
.wall-x { position: absolute; top: 14px; right: 3vw; background: none; border: 0; color: #fff; font-size: 42px; line-height: 1; cursor: pointer; }
.wall-x:hover { color: var(--brass); }
.wall-chips { flex-basis: 100%; display: flex; gap: 10px; flex-wrap: wrap; }
.wall-chips[hidden] { display: none; }
.wall-chip { background: rgba(255,255,255,.04); border: 1px solid rgba(176,149,110,.3); color: #fff; padding: 9px 16px; border-radius: 999px; font-family: "Space Grotesk", monospace; font-size: 14px; cursor: pointer; transition: .2s; }
.wall-chip:hover { border-color: var(--brass); }
.wall-chip.is-on { background: #ff2d7b; border-color: #ff2d7b; box-shadow: 0 0 22px rgba(255,45,123,.55); }
.wall-scroll { flex: 1; overflow-y: auto; padding: 14px 14px 60px; }
.wall-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); grid-auto-rows: 150px; grid-auto-flow: dense; gap: 8px; }
.wall-card { position: relative; overflow: hidden; border: 0; padding: 0; background: #151515; cursor: pointer; animation: lbIn .5s ease-out; }
.wall-card--wide { grid-column: span 2; }
.wall-card--tall { grid-row: span 2; }
.wall-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .7s cubic-bezier(.2,.8,.2,1), filter .4s; filter: brightness(.9); }
.wall-card:hover img { transform: scale(1.08); filter: brightness(1.05); }
.wall-tag { position: absolute; left: 10px; bottom: 8px; right: 10px; font-family: "Space Grotesk", monospace; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; color: #fff; text-align: left; opacity: 0; transition: .3s; text-shadow: 0 1px 8px #000; }
.wall-tag b { color: var(--brass); }
.wall-card:hover .wall-tag { opacity: 1; }
.wall-sentinel { height: 2px; }
@media (max-width: 640px) { .wall-grid { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 120px; } .wall-card--wide { grid-column: span 2; } .wall-switch { margin-right: 0; } .wall-chip { font-size: 13px; padding: 8px 12px; } }
.stk-lb { z-index: 5000; }
.book { background: #0b0b0b; padding: 64px 5vw 96px; min-height: 80vh; }
.book-grid { max-width: 1320px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 56px; align-items: start; }
.book-liam { width: 132px; height: 132px; }
.book-liam img { width: 132px; height: 132px; border-radius: 50%; object-fit: cover; border: 2px solid var(--brass); box-shadow: 0 0 0 6px rgba(176,149,110,.12), 0 20px 50px rgba(0,0,0,.6); }
.book-eyebrow { margin: 30px 0 6px; font-family: Satisfy, cursive; font-size: 30px; color: rgba(255,210,230,.9); -webkit-text-stroke: .6px rgba(255,255,255,.8); text-shadow: rgb(255,45,123) 0 0 10px, rgba(255,45,123,.6) 0 0 26px; }
.book-h { font-family: "Bebas Neue", sans-serif; font-weight: 400; font-size: clamp(56px, 6.4vw, 104px); line-height: .88; letter-spacing: -1px; text-transform: uppercase; color: #fff; margin: 0 0 18px; }
.book-h .brass { color: var(--brass); }
.book-with { font-family: "Space Grotesk", monospace; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; color: rgba(240,236,230,.6); margin: 0 0 22px; }
.book-with b { color: #fff; }
.book-p { font-size: 17px; line-height: 1.65; color: rgba(240,236,230,.82); max-width: 46ch; margin: 0 0 28px; }
.book-facts { list-style: none; padding: 0; margin: 0 0 30px; border-top: 1px solid rgba(176,149,110,.22); }
.book-facts li { display: flex; gap: 14px; align-items: center; padding: 14px 0; border-bottom: 1px solid rgba(176,149,110,.22); font-size: 15px; color: #fff; }
.book-facts span { color: var(--brass); width: 18px; text-align: center; }
.book-exp-h { font-family: "Space Grotesk", monospace; font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--brass); margin-bottom: 12px; }
.book-exp ol { margin: 0 0 30px; padding-left: 20px; color: rgba(240,236,230,.78); font-size: 15px; line-height: 1.9; }
.book-exp li::marker { color: var(--brass); }
.book-alt { font-size: 14px; color: rgba(240,236,230,.55); }
.book-alt a { color: #fff; text-decoration: underline; text-decoration-color: var(--brass); text-underline-offset: 4px; }
.book-cal-frame { background: #111; border: 1px solid rgba(176,149,110,.35); border-top: 3px solid var(--brass); min-height: 640px; height: 72vh; padding: 8px; box-shadow: 0 30px 80px rgba(0,0,0,.55); }
@media (max-width: 960px) { .book-grid { grid-template-columns: 1fr; gap: 40px; } .book-cal-frame { height: 720px; } }
.stock-pick { display: flex; gap: 12px; align-items: center; margin-bottom: 18px; padding: 10px; border: 1px solid rgba(176,149,110,.35); border-radius: 4px; background: rgba(176,149,110,.06); }
.stock-pick img { width: 64px; height: 64px; object-fit: cover; border-radius: 2px; }
.stock-pick div { font-family: "Space Grotesk", monospace; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #fff; }
.stock-pick div b { color: var(--brass); display: block; margin-bottom: 4px; }

/* SEO: visually hidden (Standard H1-Span) */
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
/* Countries */
.src-countries { padding: 72px 5vw 64px; background: #0A0A0A; border-top: 3px solid var(--brass); position: relative; }
.src-countries-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin-bottom: 32px; }
.src-countries h2 { font-family: "Bebas Neue", sans-serif; font-weight: 400; font-size: clamp(40px, 7vw, 96px); letter-spacing: -2px; line-height: 0.9; color: #fff; text-transform: uppercase; }
.src-countries h2 .brass { color: var(--brass); }
.src-countries-head p { font-size: 12px; letter-spacing: 3px; text-transform: uppercase; color: rgba(240, 236, 230, 0.55); max-width: 520px; line-height: 1.8; }
.region { margin-top: 28px; }
.region-label { display: flex; align-items: center; gap: 16px; font-family: "Bebas Neue", sans-serif; font-size: 22px; letter-spacing: 6px; color: var(--brass); text-transform: uppercase; margin-bottom: 14px; }
.region-label::after { content: ""; flex: 1; height: 1px; background: rgba(176, 149, 110, 0.3); }
.country-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 14px; }
.country { position: relative; grid-column: span 4; min-height: 300px; border: 2px solid rgba(176, 149, 110, 0.2); border-radius: 4px; overflow: hidden; cursor: pointer; background: #111; transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.region--eu .country { grid-column: span 3; min-height: 260px; }
.country:hover { border-color: var(--brass); transform: scale(1.015); box-shadow: rgba(176, 149, 110, 0.2) 0px 0px 40px; z-index: 5; }
.country-img { position: absolute; inset: 0; background: radial-gradient(120% 90% at 20% 10%, rgba(176, 149, 110, 0.22), transparent 55%), linear-gradient(160deg, #5C5F58 0%, #3A3D38 55%, #141412 100%); filter: contrast(1.1); }
.country-img video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .55; filter: contrast(1.1) saturate(.75); transition: opacity .4s, filter .4s; }
.country:hover .country-img video { opacity: .85; filter: contrast(1.15) saturate(1); }
.country-img img { width: 100%; height: 100%; object-fit: cover; display: block; filter: contrast(1.1) saturate(0.8); transition: filter 0.4s; }
.country:hover .country-img img { filter: contrast(1.15) saturate(1); }
.country-img::after { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 0, 0, 0.07) 2px, rgba(0, 0, 0, 0.07) 4px); pointer-events: none; }
.country-code { position: absolute; top: 14px; left: 16px; font-size: 10px; letter-spacing: 4px; color: rgba(176, 149, 110, 0.7); }
.country-big { position: absolute; top: 34px; left: 14px; right: 14px; font-family: "Bebas Neue", sans-serif; font-size: clamp(56px, 6vw, 92px); line-height: 0.9; color: transparent; -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.28); text-transform: uppercase; letter-spacing: -2px; pointer-events: none; }
.country-label { position: absolute; bottom: 0; left: 0; right: 0; padding: 40px 18px 16px; background: linear-gradient(transparent 0%, rgba(10, 10, 10, 0.85) 40%, rgba(10, 10, 10, 0.97) 100%); z-index: 3; }
.country-name { font-family: "Bebas Neue", sans-serif; font-size: clamp(22px, 2.6vw, 34px); letter-spacing: 2px; color: #fff; text-transform: uppercase; line-height: 1; transition: color 0.3s; }
.country:hover .country-name { color: var(--brass); }
.country-what { font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: rgba(240, 236, 230, 0.55); margin-top: 8px; line-height: 1.6; }
.country-cta { display: block; margin-top: 12px; font-family: Satisfy, cursive; font-size: 22px; color: rgba(255, 200, 220, 0.6); -webkit-text-stroke: 1px rgba(255, 255, 255, 0.8); text-shadow: rgba(255, 255, 255, 0.5) 0px 0px 4px, rgb(255, 45, 123) 0px 0px 10px, rgb(255, 45, 123) 0px 0px 22px, rgba(255, 45, 123, 0.6) 0px 0px 40px; animation: 5s ease-in-out 0s infinite normal none running neonBreathe; }
.src-countries-foot { margin-top: 28px; display: flex; gap: 16px; flex-wrap: wrap; align-items: center; }
.btn-brass { display: inline-block; padding: 16px 32px; border: 2px solid var(--brass); color: var(--brass); font-family: "Bebas Neue", sans-serif; font-size: clamp(16px, 2vw, 22px); letter-spacing: 4px; text-transform: uppercase; background: transparent; cursor: pointer; transition: 0.3s; text-decoration: none; }
.btn-brass:hover { background: var(--brass); color: #0a0a0a; box-shadow: rgba(176, 149, 110, 0.3) 0px 0px 30px; }
.btn-brass--solid { background: var(--brass); color: #0a0a0a; animation: 3s ease-in-out 0s infinite normal none running borderGlow; }
.btn-brass--solid:hover { background: var(--brass-light); }
.src-countries-foot p { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: rgba(240, 236, 230, 0.45); }
@media (max-width: 1024px) { .country, .region--eu .country { grid-column: span 6; } }
@media (max-width: 640px) { .country, .region--eu .country { grid-column: span 12; min-height: 220px; } .country-big { font-size: 64px; } }
/* Offices */
.src-offices { background: var(--harbor-deep); border-top: 2px solid rgba(176, 149, 110, 0.25); border-bottom: 2px solid rgba(176, 149, 110, 0.25); padding: 36px 5vw; display: grid; grid-template-columns: auto 1fr; gap: 32px; align-items: center; }
.src-offices-title { font-family: "Bebas Neue", sans-serif; font-size: clamp(22px, 3vw, 36px); letter-spacing: 5px; color: #fff; text-transform: uppercase; white-space: nowrap; }
.src-offices-title .brass { color: var(--brass); }
.src-offices-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px 0; }
.src-offices-list .office { border-left: 1px solid rgba(176,149,110,.35); padding: 0 22px; }
.src-offices-list .office:nth-child(4n+1) { border-left: 0; padding-left: 0; }
@media (max-width: 900px) { .src-offices-list .office:nth-child(4n+1) { border-left: 1px solid rgba(176,149,110,.35); padding-left: 14px; } .src-offices-list .office:nth-child(2n+1) { border-left: 0; padding-left: 0; } }
.office { font-family: "Bebas Neue", sans-serif; font-size: clamp(18px, 2.4vw, 28px); letter-spacing: 4px; text-transform: uppercase; color: rgba(240, 236, 230, 0.85); padding: 0 22px; border-left: 1px solid rgba(176, 149, 110, 0.35); line-height: 1; }
.office:first-child { border-left: none; padding-left: 0; }
.office small { display: block; font-family: "Space Grotesk", monospace; font-size: 9px; letter-spacing: 3px; color: rgba(176, 149, 110, 0.7); margin-top: 6px; }
@media (max-width: 900px) { .src-offices { grid-template-columns: 1fr; gap: 16px; } .office { padding: 0 14px; } .src-offices-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* Footer */
.site-footer { background: var(--harbor-deep); border-top: 3px solid var(--brass); color: rgba(240,236,230,.72); font-family: "Space Grotesk", sans-serif; }
.ft-wrap { max-width: 1320px; margin: 0 auto; padding: 0 5vw; }
.ft-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; flex-wrap: wrap; padding: 88px 0 64px; border-bottom: 1px solid rgba(176,149,110,.22); }
.ft-claim { font-family: "Bebas Neue", sans-serif; font-weight: 400; font-size: clamp(56px, 7.2vw, 112px); line-height: .88; letter-spacing: 1px; color: #fff; text-transform: uppercase; margin: 0; }
.ft-claim .brass { color: var(--brass); }
.ft-cta { display: flex; gap: 12px; flex-wrap: wrap; }
.ft-btn { display: inline-flex; align-items: center; gap: 10px; padding: 16px 26px; font-size: 12px !important; font-weight: 600; letter-spacing: 2.5px !important; text-transform: uppercase; border: 1px solid var(--brass); color: #fff !important; text-decoration: none; transition: background .2s, color .2s; }
.ft-btn:hover { background: var(--brass); color: #111 !important; }
.ft-btn--solid { background: var(--brass); color: #111 !important; }
.ft-btn--solid:hover { background: #fff; border-color: #fff; }
.ft-grid { display: grid; grid-template-columns: 1.5fr repeat(4, 1fr); gap: 48px 32px; padding: 64px 0; }
.ft-brand { font-family: "Bebas Neue", sans-serif; font-size: 34px; letter-spacing: 4px; line-height: 1; color: #fff; }
.ft-brand .brass { color: var(--brass); }
.ft-meta { margin-top: 16px; font-size: 15px; line-height: 1.6; color: rgba(240,236,230,.6); max-width: 34ch; }
.ft-offices { margin-top: 22px; font-size: 11px; letter-spacing: 2.5px; text-transform: uppercase; line-height: 2; color: rgba(240,236,230,.45); }
.ft-h { font-size: 11px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; color: var(--brass); margin: 6px 0 22px; }
.site-footer ul { list-style: none; margin: 0; padding: 0; }
.site-footer li { margin: 0 0 12px; }
.site-footer a { font-size: 15px; letter-spacing: 0; line-height: 1.4; color: rgba(240,236,230,.78); text-decoration: none; transition: color .2s; }
.site-footer a:hover { color: var(--brass); }
.ft-arrow { display: inline-block; margin-left: 6px; color: var(--brass); transition: transform .2s; }
.site-footer a:hover .ft-arrow { transform: translate(2px,-2px); }
.ft-legal { display: flex; justify-content: space-between; align-items: center; gap: 16px 32px; flex-wrap: wrap; padding: 26px 0 32px; border-top: 1px solid rgba(176,149,110,.22); font-size: 13px; color: rgba(240,236,230,.5); }
.ft-legal a { font-size: 13px; color: rgba(240,236,230,.78); }
.ft-legal a:hover { color: var(--brass); }
.ft-copy a { color: #fff; text-decoration: underline; text-decoration-color: var(--brass); text-underline-offset: 4px; }
.ft-legal-links { display: flex; gap: 24px; flex-wrap: wrap; align-items: center; }
.ft-seal { font-size: 10px; letter-spacing: 2.5px; text-transform: uppercase; color: rgba(240,236,230,.45); border: 1px solid rgba(176,149,110,.35); padding: 6px 10px; white-space: nowrap; }
#liam-avatar-widget.liam-away { opacity: 0; transform: translateY(20px) !important; pointer-events: none; }
#liam-avatar-widget { transition: opacity .35s, transform .35s; }
@media (max-width: 1100px) { .ft-grid { grid-template-columns: 1fr 1fr 1fr; } .ft-grid > .ft-col-brand { grid-column: 1 / -1; } }
@media (max-width: 700px) { .ft-top { padding: 64px 0 48px; } .ft-grid { grid-template-columns: 1fr 1fr; gap: 40px 24px; } .ft-grid > :nth-child(4), .ft-grid > :nth-child(5) { grid-column: 1 / -1; } .ft-copy a { white-space: nowrap; } .ft-legal { flex-direction: column; align-items: flex-start; } }
/* Briefing extras (replacing inline styles from the overlay) */
.brief-note { font-family: "DM Sans", sans-serif; font-size: 13px; color: rgba(240, 236, 230, 0.6); margin-bottom: 24px; line-height: 1.7; }
.brief-note strong { color: var(--brass); }
.brief-note--mono { font-family: "Space Grotesk", monospace; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; line-height: 1.8; color: rgba(240, 236, 230, 0.5); }
.brief-step { color: var(--brass) !important; font-size: 13px !important; }
.brief-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 8px; }
.brief-grid3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; margin-top: 8px; }
.brief-flex { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.art-choice-btn { padding: 16px; border: 2px solid rgba(176, 149, 110, 0.2); background: rgba(176, 149, 110, 0.03); color: #fff; font-family: "Space Grotesk", monospace; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; transition: all 0.3s; border-radius: 2px; }
.art-size-btn, .art-tech-btn, .art-del-btn { padding: 12px 16px; border: 1px solid rgba(176, 149, 110, 0.25); background: transparent; color: rgba(240, 236, 230, 0.7); font-family: "Space Grotesk", monospace; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; transition: all 0.3s; border-radius: 2px; text-align: center; }
.art-size-btn--custom { border: 2px solid var(--brass); background: rgba(176, 149, 110, 0.08); color: var(--brass); }
.brief-freight-note { margin-bottom: 20px; padding: 16px; border: 1px dashed rgba(176, 149, 110, 0.25); border-radius: 4px; background: rgba(176, 149, 110, 0.03); }
.brief-freight-note p { font-family: "DM Sans", sans-serif; font-size: 12px; color: rgba(240, 236, 230, 0.5); line-height: 1.6; }
.brief-freight-note strong { color: var(--brass); }
/* Liam */
#liam-avatar-widget { position: fixed; bottom: 28px; right: 28px; z-index: 4000; cursor: pointer; transition: 0.3s; }
#liam-label { position: absolute; right: 120px; top: 50%; transform: translateX(10px) translateY(-50%); opacity: 0; background: rgba(240, 236, 230, 0.95); border: 1px solid var(--brass); padding: 10px 18px; font-family: "Space Grotesk", monospace; font-size: 11px; letter-spacing: 2px; color: #2E382C; text-transform: uppercase; white-space: nowrap; transition: all 0.3s; }
#liam-avatar-widget img { width: 100px; height: 100px; border-radius: 50%; object-fit: cover; border: 2px solid var(--brass); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6); display: block; }
.liam-name { text-align: center; margin-top: 4px; font-family: "Space Grotesk", monospace; font-size: 10px; letter-spacing: 2px; color: var(--brass); text-transform: uppercase; }
/* Legal pages */
.legal { max-width: 820px; margin: 0 auto; padding: 72px 5vw 96px; font-family: "DM Sans", sans-serif; color: rgba(240, 236, 230, 0.8); line-height: 1.8; }
.legal h1 { font-family: "Bebas Neue", sans-serif; font-weight: 400; font-size: clamp(40px, 6vw, 72px); letter-spacing: 1px; color: #fff; margin-bottom: 24px; }
.legal h2 { font-family: "Bebas Neue", sans-serif; font-weight: 400; font-size: 26px; letter-spacing: 2px; color: var(--brass); margin: 36px 0 10px; }
.legal p, .legal li { font-size: 15px; margin-bottom: 10px; }
.legal a { color: var(--brass); }
.legal ul { padding-left: 20px; }