Free shipping $50+ • 30-day returns • 24/7 support

","clientJsUrl":"https://d2vgjz314jo6a7.cloudfront.net/atelier/0.3.0/store-header/client/client.js","cssUrl":"https://d2vgjz314jo6a7.cloudfront.net/atelier/0.3.0/store-header/assets/client.css"},{"state":{"context":{"appClientId":"atelier","version":"0.3.0","imageBuckets":{"au-syd":"https://dfvc2y3mjtc8v.cloudfront.net","us-vir":"https://dhgf5mcbrms62.cloudfront.net","eu-fra":"https://d2gt4h1eeousrn.cloudfront.net"},"profile":{"siteId":100011404},"globalDesign":"{\"color\":{\"title\":{\"raw\":\"#191919\",\"hex\":\"#191919ff\",\"hsl\":{\"h\":0,\"s\":0,\"l\":0.09803921569,\"a\":1},\"rgba\":{\"r\":25,\"g\":25,\"b\":25,\"a\":1},\"auto\":false},\"body\":{\"raw\":\"#191919\",\"hex\":\"#191919ff\",\"hsl\":{\"h\":0,\"s\":0,\"l\":0.09803921569,\"a\":1},\"rgba\":{\"r\":25,\"g\":25,\"b\":25,\"a\":1},\"auto\":false},\"button\":{\"raw\":\"#191919\",\"hex\":\"#191919ff\",\"hsl\":{\"h\":0,\"s\":0,\"l\":0.09803921569,\"a\":1},\"rgba\":{\"r\":25,\"g\":25,\"b\":25,\"a\":1},\"auto\":false},\"link\":{\"raw\":\"#1A7AC4\",\"hex\":\"#1a7ac4ff\",\"hsl\":{\"h\":206,\"s\":0.76576576577,\"l\":0.43529411765,\"a\":1},\"rgba\":{\"r\":26,\"g\":122,\"b\":196,\"a\":1},\"auto\":false},\"background\":{\"raw\":\"#F9F9F9\",\"hex\":\"#F9F9F9\",\"hsl\":{\"h\":14.999999999998161,\"s\":0,\"l\":0.9758,\"a\":1},\"rgba\":{\"r\":249,\"g\":249,\"b\":249,\"a\":1}}},\"fontFamily\":{\"title\":\"cinzel\",\"body\":\"dm_sans\"},\"textSize\":{\"title\":48,\"subtitle\":24,\"body\":18},\"buttonSize\":{\"small\":14,\"medium\":16,\"large\":20},\"layout\":{\"maxWidth\":1120,\"tileMargin\":100,\"appearanceEffect\":\"none\"},\"currentTheme\":{\"templateId\":\"template-sport-006\",\"themeId\":\"theme-sport-001\",\"settings\":{\"colorPalette\":{\"colorA\":\"#020202\",\"colorB\":\"#F9F8FA\",\"colorC\":\"#c8a24a\",\"colorD\":\"#0f2316\",\"colorE\":\"#F9F7F7\",\"colorF\":\"#0E0F11\"},\"fonts\":{\"fontPair\":{\"headingFont\":\"dm_sans\",\"headingFontStyle\":\"bold\",\"bodyFont\":\"dm_sans\",\"bodyFontStyle\":\"regular\"},\"general\":{\"heading1\":{\"fontSize\":64},\"heading2\":{\"fontSize\":48},\"heading3\":{\"fontSize\":32},\"heading4\":{\"fontSize\":18},\"body1\":{\"fontSize\":24},\"body2\":{\"fontSize\":18},\"body3\":{\"fontSize\":16},\"body4\":{\"fontSize\":14}}},\"alignment\":\"center\",\"pageLayout\":{\"contentWidth\":1128},\"cornerRadius\":\"sharp\"}},\"customCss\":\"/*\\n * Aztyanz website stylesheet\\n *\\n * This CSS defines the layout and styling to recreate the look and feel\\n * of the provided design mockup. It uses CSS variables for the colour\\n * palette and implements responsive layouts via flexbox and CSS Grid.\\n */\\n\\n/* Custom font registration: Old English Five. This font file is included\\n in the repository. If you host the site elsewhere (e.g. via GitHub Pages),\\n ensure the relative path points to the TTF file. */\\n@font-face {\\n font-family: \\u0027Old English Five\\u0027;\\n src: url(\\u0027OldEnglishFive.ttf\\u0027) format(\\u0027truetype\\u0027);\\n font-weight: normal;\\n font-style: normal;\\n}\\n\\n/* Colour palette */\\n:root {\\n --dark-green: #0f2316;\\n --gold: #c8a24a;\\n --black: #050505;\\n --off-white: #ede9e1;\\n --dark-overlay: rgba(5, 5, 5, 0.6);\\n}\\n\\n* {\\n margin: 0;\\n padding: 0;\\n box-sizing: border-box;\\n}\\n\\nhtml, body {\\n height: 100%;\\n font-family: \\u0027Montserrat\\u0027, sans-serif;\\n color: var(--off-white);\\n background-color: var(--dark-green);\\n line-height: 1.6;\\n}\\n\\na {\\n color: var(--off-white);\\n text-decoration: none;\\n transition: color 0.2s ease;\\n}\\n\\na:hover {\\n color: var(--gold);\\n}\\n\\n/* Generic container with max-width */\\n.container {\\n width: 90%;\\n max-width: 1200px;\\n margin: 0 auto;\\n}\\n\\n/* Site header */\\n.site-header {\\n background-color: var(--dark-green);\\n padding: 1rem 0;\\n position: fixed;\\n top: 0;\\n left: 0;\\n width: 100%;\\n z-index: 1000;\\n box-shadow: 0 2px 4px rgba(0,0,0,0.2);\\n}\\n\\n.nav-wrapper {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n}\\n\\n.logo {\\n /* Use Old English Five as the primary decorative typeface */\\n font-family: \\u0027Old English Five\\u0027, \\u0027Cinzel Decorative\\u0027, serif;\\n font-size: 1.8rem;\\n font-weight: 700;\\n color: var(--gold);\\n}\\n\\n.primary-nav ul {\\n list-style: none;\\n display: flex;\\n gap: 1.5rem;\\n}\\n\\n.primary-nav a {\\n font-size: 0.9rem;\\n text-transform: uppercase;\\n letter-spacing: 1px;\\n padding: 0.5rem 0;\\n color: var(--off-white);\\n}\\n\\n.primary-nav a.active,\\n.primary-nav a:hover {\\n color: var(--gold);\\n}\\n\\n/* Hero section */\\n.hero {\\n position: relative;\\n height: 90vh;\\n min-height: 500px;\\n /* Use your GitHub-hosted hero image. Replace the URL with your actual file name if different. */\\n background-image: url(\\u0027https://raw.githubusercontent.com/664Studios/aztyanz-assets/main/images/hero-placeholder.PNG\\u0027);\\n background-size: cover;\\n background-position: center;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n text-align: center;\\n padding-top: 4rem;\\n}\\n\\n.hero-overlay {\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 100%;\\n height: 100%;\\n background: var(--dark-overlay);\\n z-index: 1;\\n}\\n\\n.hero-content {\\n position: relative;\\n z-index: 2;\\n max-width: 800px;\\n}\\n\\n.hero h1 {\\n font-family: \\u0027Old English Five\\u0027, \\u0027Cinzel Decorative\\u0027, serif;\\n font-size: 4rem;\\n letter-spacing: 2px;\\n margin-bottom: 1rem;\\n color: var(--gold);\\n}\\n\\n.hero .tagline {\\n font-size: 1.1rem;\\n margin-bottom: 2rem;\\n color: var(--off-white);\\n line-height: 1.4;\\n}\\n\\n.hero-buttons {\\n display: flex;\\n justify-content: center;\\n gap: 1rem;\\n}\\n\\n/* Buttons */\\n.btn {\\n display: inline-block;\\n padding: 0.75rem 1.5rem;\\n border: 2px solid var(--gold);\\n border-radius: 30px;\\n text-transform: uppercase;\\n font-weight: 600;\\n letter-spacing: 1px;\\n cursor: pointer;\\n transition: all 0.3s ease;\\n}\\n\\n.btn-primary {\\n background-color: var(--gold);\\n color: var(--dark-green);\\n}\\n\\n.btn-primary:hover {\\n background-color: transparent;\\n color: var(--gold);\\n}\\n\\n.btn-outline {\\n background-color: transparent;\\n color: var(--gold);\\n}\\n\\n.btn-outline:hover {\\n background-color: var(--gold);\\n color: var(--dark-green);\\n}\\n\\n/* Scroll indicator */\\n.scroll-indicator {\\n position: absolute;\\n bottom: 1rem;\\n left: 50%;\\n transform: translateX(-50%);\\n text-align: center;\\n z-index: 2;\\n font-size: 0.8rem;\\n color: var(--gold);\\n animation: bounce 2s infinite;\\n}\\n\\n.scroll-indicator span:first-child {\\n font-size: 1.5rem;\\n display: block;\\n}\\n\\n@keyframes bounce {\\n 0%, 20%, 50%, 80%, 100% { transform: translate(-50%, 0); }\\n 40% { transform: translate(-50%, -10px); }\\n 60% { transform: translate(-50%, -5px); }\\n}\\n\\n/* Story section */\\n.story-section {\\n padding: 6rem 0 4rem;\\n background-color: var(--dark-green);\\n}\\n\\n.story-content {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 2rem;\\n align-items: center;\\n}\\n\\n.story-text {\\n flex: 1 1 50%;\\n}\\n\\n.story-text h2 {\\n font-family: \\u0027Old English Five\\u0027, \\u0027Cinzel Decorative\\u0027, serif;\\n font-size: 2.5rem;\\n color: var(--gold);\\n margin-bottom: 1rem;\\n}\\n\\n.story-text p {\\n font-size: 1rem;\\n margin-bottom: 1.5rem;\\n max-width: 600px;\\n}\\n\\n.story-image {\\n flex: 1 1 45%;\\n text-align: center;\\n}\\n\\n.story-image img {\\n width: 100%;\\n height: auto;\\n border-radius: 10px;\\n}\\n\\n/* Products section */\\n.products-section {\\n padding: 6rem 0 4rem;\\n background-color: var(--black);\\n text-align: center;\\n}\\n\\n.products-section h2 {\\n font-family: \\u0027Old English Five\\u0027, \\u0027Cinzel Decorative\\u0027, serif;\\n color: var(--gold);\\n font-size: 2.5rem;\\n margin-bottom: 0.5rem;\\n}\\n\\n.section-subtitle {\\n color: var(--off-white);\\n margin-bottom: 2rem;\\n font-size: 1rem;\\n}\\n\\n.product-grid {\\n display: grid;\\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\\n gap: 2rem;\\n margin-bottom: 2rem;\\n}\\n\\n.product-card {\\n background-color: var(--dark-green);\\n padding: 1.5rem;\\n border-radius: 10px;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n text-align: center;\\n transition: transform 0.2s ease;\\n}\\n\\n.product-card:hover {\\n transform: translateY(-5px);\\n}\\n\\n.product-card img {\\n width: 100%;\\n height: auto;\\n border-radius: 6px;\\n margin-bottom: 1rem;\\n}\\n\\n.product-card h3 {\\n font-family: \\u0027Old English Five\\u0027, \\u0027Cinzel Decorative\\u0027, serif;\\n font-size: 1.2rem;\\n color: var(--gold);\\n margin-bottom: 0.5rem;\\n}\\n\\n.product-card p {\\n font-size: 0.9rem;\\n margin-bottom: 1rem;\\n color: var(--off-white);\\n}\\n\\n.products-actions {\\n display: flex;\\n justify-content: center;\\n}\\n\\n/* Journey section */\\n.journey-section {\\n padding: 6rem 0 4rem;\\n background-color: var(--dark-green);\\n text-align: center;\\n}\\n\\n.journey-section h2 {\\n font-family: \\u0027Old English Five\\u0027, \\u0027Cinzel Decorative\\u0027, serif;\\n font-size: 2.5rem;\\n line-height: 1.2;\\n color: var(--gold);\\n margin-bottom: 1rem;\\n}\\n\\n.journey-section h2 span {\\n display: block;\\n font-size: 1.5rem;\\n color: var(--off-white);\\n}\\n\\n.journey-grid {\\n display: grid;\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\n gap: 2rem;\\n margin: 3rem 0;\\n}\\n\\n.journey-item {\\n background-color: var(--black);\\n padding: 1.5rem;\\n border-radius: 10px;\\n text-align: center;\\n transition: transform 0.2s ease;\\n}\\n\\n.journey-item:hover {\\n transform: translateY(-5px);\\n}\\n\\n.journey-item img {\\n width: 100%;\\n height: auto;\\n border-radius: 6px;\\n margin-bottom: 1rem;\\n}\\n\\n.journey-item h3 {\\n font-family: \\u0027Old English Five\\u0027, \\u0027Cinzel Decorative\\u0027, serif;\\n font-size: 1.3rem;\\n color: var(--gold);\\n margin-bottom: 0.5rem;\\n}\\n\\n.journey-item p {\\n font-size: 0.9rem;\\n color: var(--off-white);\\n}\\n\\n/* Movement / Social call to action section */\\n.movement-section {\\n padding: 6rem 0 6rem;\\n background-color: var(--black);\\n text-align: center;\\n}\\n\\n.movement-section h2 {\\n font-family: \\u0027Old English Five\\u0027, \\u0027Cinzel Decorative\\u0027, serif;\\n font-size: 2.5rem;\\n color: var(--gold);\\n margin-bottom: 1rem;\\n}\\n\\n.movement-section h2 span {\\n display: block;\\n font-size: 1.5rem;\\n color: var(--off-white);\\n}\\n\\n.movement-section p {\\n max-width: 600px;\\n margin: 0 auto 2rem;\\n font-size: 1rem;\\n color: var(--off-white);\\n}\\n\\n/* Footer */\\n.site-footer {\\n background-color: var(--dark-green);\\n padding: 4rem 0 2rem;\\n color: var(--off-white);\\n}\\n\\n.footer-grid {\\n display: grid;\\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\\n gap: 2rem;\\n margin-bottom: 2rem;\\n}\\n\\n.footer-brand h3 {\\n font-family: \\u0027Old English Five\\u0027, \\u0027Cinzel Decorative\\u0027, serif;\\n font-size: 1.8rem;\\n color: var(--gold);\\n margin-bottom: 0.5rem;\\n}\\n\\n.footer-brand p {\\n font-size: 0.9rem;\\n line-height: 1.4;\\n color: var(--off-white);\\n}\\n\\n.footer-links h4 {\\n font-family: \\u0027Old English Five\\u0027, \\u0027Cinzel Decorative\\u0027, serif;\\n font-size: 1.2rem;\\n margin-bottom: 0.5rem;\\n color: var(--gold);\\n}\\n\\n.footer-links ul {\\n list-style: none;\\n}\\n\\n.footer-links li {\\n margin-bottom: 0.5rem;\\n}\\n\\n.footer-links a {\\n font-size: 0.9rem;\\n color: var(--off-white);\\n}\\n\\n.footer-links a:hover {\\n color: var(--gold);\\n}\\n\\n.footer-social h4 {\\n font-family: \\u0027Old English Five\\u0027, \\u0027Cinzel Decorative\\u0027, serif;\\n font-size: 1.2rem;\\n margin-bottom: 0.5rem;\\n color: var(--gold);\\n}\\n\\n.social-icons {\\n display: flex;\\n gap: 1rem;\\n font-size: 1.5rem;\\n}\\n\\n.social-icons a {\\n color: var(--off-white);\\n transition: color 0.2s ease;\\n}\\n\\n.social-icons a:hover {\\n color: var(--gold);\\n}\\n\\n.footer-bottom {\\n text-align: center;\\n font-size: 0.8rem;\\n}\\n\\n/* Responsive adjustments */\\n@media (max-width: 768px) {\\n .hero h1 {\\n font-size: 2.5rem;\\n }\\n .hero .tagline {\\n font-size: 0.9rem;\\n }\\n .story-content {\\n flex-direction: column;\\n }\\n .story-text, .story-image {\\n flex: 1 1 100%;\\n }\\n}\\n\\n/* Journal section */\\n.journal-section {\\n padding: 6rem 0 4rem;\\n background-color: var(--dark-green);\\n text-align: center;\\n}\\n\\n.journal-section h2 {\\n font-family: \\u0027Old English Five\\u0027, \\u0027Cinzel Decorative\\u0027, serif;\\n font-size: 2.5rem;\\n line-height: 1.2;\\n color: var(--gold);\\n margin-bottom: 1rem;\\n}\\n\\n.journal-grid {\\n display: grid;\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\n gap: 2rem;\\n margin-top: 2rem;\\n}\\n\\n.journal-card {\\n background-color: var(--black);\\n padding: 1.5rem;\\n border-radius: 10px;\\n text-align: left;\\n transition: transform 0.2s ease;\\n}\\n\\n.journal-card:hover {\\n transform: translateY(-5px);\\n}\\n\\n.journal-card img {\\n width: 100%;\\n height: auto;\\n border-radius: 6px;\\n margin-bottom: 1rem;\\n}\\n\\n.journal-card h3 {\\n font-family: \\u0027Old English Five\\u0027, \\u0027Cinzel Decorative\\u0027, serif;\\n font-size: 1.3rem;\\n color: var(--gold);\\n margin-bottom: 0.5rem;\\n}\\n\\n.journal-card p {\\n font-size: 0.9rem;\\n color: var(--off-white);\\n margin-bottom: 0.75rem;\\n}\\n\\n.journal-card a {\\n color: var(--gold);\\n text-decoration: underline;\\n font-size: 0.9rem;\\n}\\n\\n/* Contact section */\\n.contact-section {\\n padding: 6rem 0 4rem;\\n background-color: var(--black);\\n}\\n\\n.contact-grid {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 2rem;\\n align-items: flex-start;\\n}\\n\\n.contact-info,\\n.contact-form {\\n flex: 1 1 50%;\\n}\\n\\n.contact-info h3,\\n.contact-form h3 {\\n font-family: \\u0027Old English Five\\u0027, \\u0027Cinzel Decorative\\u0027, serif;\\n font-size: 2rem;\\n color: var(--gold);\\n margin-bottom: 1rem;\\n}\\n\\n.contact-info p {\\n font-size: 1rem;\\n margin-bottom: 1rem;\\n color: var(--off-white);\\n}\\n\\n.contact-form form {\\n display: flex;\\n flex-direction: column;\\n gap: 1rem;\\n}\\n\\n.contact-form input,\\n.contact-form textarea {\\n padding: 0.75rem 1rem;\\n background-color: var(--dark-green);\\n border: 1px solid var(--gold);\\n color: var(--off-white);\\n border-radius: 6px;\\n font-size: 1rem;\\n}\\n\\n.contact-form textarea {\\n resize: vertical;\\n min-height: 150px;\\n}\\n\\n.contact-form button {\\n align-self: flex-start;\\n}\\n\\n@media (max-width: 768px) {\\n .contact-grid {\\n flex-direction: column;\\n }\\n .contact-info,\\n .contact-form {\\n flex: 1 1 100%;\\n }\\n}\",\"sanitizedCustomCss\":\"/*\\n * Aztyanz website stylesheet\\n *\\n * This CSS defines the layout and styling to recreate the look and feel\\n * of the provided design mockup. It uses CSS variables for the colour\\n * palette and implements responsive layouts via flexbox and CSS Grid.\\n */\\n\\n/* Custom font registration: Old English Five. This font file is included\\n in the repository. If you host the site elsewhere (e.g. via GitHub Pages),\\n ensure the relative path points to the TTF file. */\\n@font-face {\\n font-family: \\u0027Old English Five\\u0027;\\n src: url(\\u0027OldEnglishFive.ttf\\u0027) format(\\u0027truetype\\u0027);\\n font-weight: normal;\\n font-style: normal;\\n}\\n\\n/* Colour palette */\\n:root {\\n --dark-green: #0f2316;\\n --gold: #c8a24a;\\n --black: #050505;\\n --off-white: #ede9e1;\\n --dark-overlay: rgba(5, 5, 5, 0.6);\\n}\\n\\n* {\\n margin: 0;\\n padding: 0;\\n box-sizing: border-box;\\n}\\n\\nhtml, body {\\n height: 100%;\\n font-family: \\u0027Montserrat\\u0027, sans-serif;\\n color: var(--off-white);\\n background-color: var(--dark-green);\\n line-height: 1.6;\\n}\\n\\na {\\n color: var(--off-white);\\n text-decoration: none;\\n transition: color 0.2s ease;\\n}\\n\\na:hover {\\n color: var(--gold);\\n}\\n\\n/* Generic container with max-width */\\n.container {\\n width: 90%;\\n max-width: 1200px;\\n margin: 0 auto;\\n}\\n\\n/* Site header */\\n.site-header {\\n background-color: var(--dark-green);\\n padding: 1rem 0;\\n position: fixed;\\n top: 0;\\n left: 0;\\n width: 100%;\\n z-index: 1000;\\n box-shadow: 0 2px 4px rgba(0,0,0,0.2);\\n}\\n\\n.nav-wrapper {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n}\\n\\n.logo {\\n /* Use Old English Five as the primary decorative typeface */\\n font-family: \\u0027Old English Five\\u0027, \\u0027Cinzel Decorative\\u0027, serif;\\n font-size: 1.8rem;\\n font-weight: 700;\\n color: var(--gold);\\n}\\n\\n.primary-nav ul {\\n list-style: none;\\n display: flex;\\n gap: 1.5rem;\\n}\\n\\n.primary-nav a {\\n font-size: 0.9rem;\\n text-transform: uppercase;\\n letter-spacing: 1px;\\n padding: 0.5rem 0;\\n color: var(--off-white);\\n}\\n\\n.primary-nav a.active,\\n.primary-nav a:hover {\\n color: var(--gold);\\n}\\n\\n/* Hero section */\\n.hero {\\n position: relative;\\n height: 90vh;\\n min-height: 500px;\\n /* Use your GitHub-hosted hero image. Replace the URL with your actual file name if different. */\\n background-image: url(\\u0027https://raw.githubusercontent.com/664Studios/aztyanz-assets/main/images/hero-placeholder.PNG\\u0027);\\n background-size: cover;\\n background-position: center;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n text-align: center;\\n padding-top: 4rem;\\n}\\n\\n.hero-overlay {\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 100%;\\n height: 100%;\\n background: var(--dark-overlay);\\n z-index: 1;\\n}\\n\\n.hero-content {\\n position: relative;\\n z-index: 2;\\n max-width: 800px;\\n}\\n\\n.hero h1 {\\n font-family: \\u0027Old English Five\\u0027, \\u0027Cinzel Decorative\\u0027, serif;\\n font-size: 4rem;\\n letter-spacing: 2px;\\n margin-bottom: 1rem;\\n color: var(--gold);\\n}\\n\\n.hero .tagline {\\n font-size: 1.1rem;\\n margin-bottom: 2rem;\\n color: var(--off-white);\\n line-height: 1.4;\\n}\\n\\n.hero-buttons {\\n display: flex;\\n justify-content: center;\\n gap: 1rem;\\n}\\n\\n/* Buttons */\\n.btn {\\n display: inline-block;\\n padding: 0.75rem 1.5rem;\\n border: 2px solid var(--gold);\\n border-radius: 30px;\\n text-transform: uppercase;\\n font-weight: 600;\\n letter-spacing: 1px;\\n cursor: pointer;\\n transition: all 0.3s ease;\\n}\\n\\n.btn-primary {\\n background-color: var(--gold);\\n color: var(--dark-green);\\n}\\n\\n.btn-primary:hover {\\n background-color: transparent;\\n color: var(--gold);\\n}\\n\\n.btn-outline {\\n background-color: transparent;\\n color: var(--gold);\\n}\\n\\n.btn-outline:hover {\\n background-color: var(--gold);\\n color: var(--dark-green);\\n}\\n\\n/* Scroll indicator */\\n.scroll-indicator {\\n position: absolute;\\n bottom: 1rem;\\n left: 50%;\\n transform: translateX(-50%);\\n text-align: center;\\n z-index: 2;\\n font-size: 0.8rem;\\n color: var(--gold);\\n animation: bounce 2s infinite;\\n}\\n\\n.scroll-indicator span:first-child {\\n font-size: 1.5rem;\\n display: block;\\n}\\n\\n@keyframes bounce {\\n 0%, 20%, 50%, 80%, 100% { transform: translate(-50%, 0); }\\n 40% { transform: translate(-50%, -10px); }\\n 60% { transform: translate(-50%, -5px); }\\n}\\n\\n/* Story section */\\n.story-section {\\n padding: 6rem 0 4rem;\\n background-color: var(--dark-green);\\n}\\n\\n.story-content {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 2rem;\\n align-items: center;\\n}\\n\\n.story-text {\\n flex: 1 1 50%;\\n}\\n\\n.story-text h2 {\\n font-family: \\u0027Old English Five\\u0027, \\u0027Cinzel Decorative\\u0027, serif;\\n font-size: 2.5rem;\\n color: var(--gold);\\n margin-bottom: 1rem;\\n}\\n\\n.story-text p {\\n font-size: 1rem;\\n margin-bottom: 1.5rem;\\n max-width: 600px;\\n}\\n\\n.story-image {\\n flex: 1 1 45%;\\n text-align: center;\\n}\\n\\n.story-image img {\\n width: 100%;\\n height: auto;\\n border-radius: 10px;\\n}\\n\\n/* Products section */\\n.products-section {\\n padding: 6rem 0 4rem;\\n background-color: var(--black);\\n text-align: center;\\n}\\n\\n.products-section h2 {\\n font-family: \\u0027Old English Five\\u0027, \\u0027Cinzel Decorative\\u0027, serif;\\n color: var(--gold);\\n font-size: 2.5rem;\\n margin-bottom: 0.5rem;\\n}\\n\\n.section-subtitle {\\n color: var(--off-white);\\n margin-bottom: 2rem;\\n font-size: 1rem;\\n}\\n\\n.product-grid {\\n display: grid;\\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\\n gap: 2rem;\\n margin-bottom: 2rem;\\n}\\n\\n.product-card {\\n background-color: var(--dark-green);\\n padding: 1.5rem;\\n border-radius: 10px;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n text-align: center;\\n transition: transform 0.2s ease;\\n}\\n\\n.product-card:hover {\\n transform: translateY(-5px);\\n}\\n\\n.product-card img {\\n width: 100%;\\n height: auto;\\n border-radius: 6px;\\n margin-bottom: 1rem;\\n}\\n\\n.product-card h3 {\\n font-family: \\u0027Old English Five\\u0027, \\u0027Cinzel Decorative\\u0027, serif;\\n font-size: 1.2rem;\\n color: var(--gold);\\n margin-bottom: 0.5rem;\\n}\\n\\n.product-card p {\\n font-size: 0.9rem;\\n margin-bottom: 1rem;\\n color: var(--off-white);\\n}\\n\\n.products-actions {\\n display: flex;\\n justify-content: center;\\n}\\n\\n/* Journey section */\\n.journey-section {\\n padding: 6rem 0 4rem;\\n background-color: var(--dark-green);\\n text-align: center;\\n}\\n\\n.journey-section h2 {\\n font-family: \\u0027Old English Five\\u0027, \\u0027Cinzel Decorative\\u0027, serif;\\n font-size: 2.5rem;\\n line-height: 1.2;\\n color: var(--gold);\\n margin-bottom: 1rem;\\n}\\n\\n.journey-section h2 span {\\n display: block;\\n font-size: 1.5rem;\\n color: var(--off-white);\\n}\\n\\n.journey-grid {\\n display: grid;\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\n gap: 2rem;\\n margin: 3rem 0;\\n}\\n\\n.journey-item {\\n background-color: var(--black);\\n padding: 1.5rem;\\n border-radius: 10px;\\n text-align: center;\\n transition: transform 0.2s ease;\\n}\\n\\n.journey-item:hover {\\n transform: translateY(-5px);\\n}\\n\\n.journey-item img {\\n width: 100%;\\n height: auto;\\n border-radius: 6px;\\n margin-bottom: 1rem;\\n}\\n\\n.journey-item h3 {\\n font-family: \\u0027Old English Five\\u0027, \\u0027Cinzel Decorative\\u0027, serif;\\n font-size: 1.3rem;\\n color: var(--gold);\\n margin-bottom: 0.5rem;\\n}\\n\\n.journey-item p {\\n font-size: 0.9rem;\\n color: var(--off-white);\\n}\\n\\n/* Movement / Social call to action section */\\n.movement-section {\\n padding: 6rem 0 6rem;\\n background-color: var(--black);\\n text-align: center;\\n}\\n\\n.movement-section h2 {\\n font-family: \\u0027Old English Five\\u0027, \\u0027Cinzel Decorative\\u0027, serif;\\n font-size: 2.5rem;\\n color: var(--gold);\\n margin-bottom: 1rem;\\n}\\n\\n.movement-section h2 span {\\n display: block;\\n font-size: 1.5rem;\\n color: var(--off-white);\\n}\\n\\n.movement-section p {\\n max-width: 600px;\\n margin: 0 auto 2rem;\\n font-size: 1rem;\\n color: var(--off-white);\\n}\\n\\n/* Footer */\\n.site-footer {\\n background-color: var(--dark-green);\\n padding: 4rem 0 2rem;\\n color: var(--off-white);\\n}\\n\\n.footer-grid {\\n display: grid;\\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\\n gap: 2rem;\\n margin-bottom: 2rem;\\n}\\n\\n.footer-brand h3 {\\n font-family: \\u0027Old English Five\\u0027, \\u0027Cinzel Decorative\\u0027, serif;\\n font-size: 1.8rem;\\n color: var(--gold);\\n margin-bottom: 0.5rem;\\n}\\n\\n.footer-brand p {\\n font-size: 0.9rem;\\n line-height: 1.4;\\n color: var(--off-white);\\n}\\n\\n.footer-links h4 {\\n font-family: \\u0027Old English Five\\u0027, \\u0027Cinzel Decorative\\u0027, serif;\\n font-size: 1.2rem;\\n margin-bottom: 0.5rem;\\n color: var(--gold);\\n}\\n\\n.footer-links ul {\\n list-style: none;\\n}\\n\\n.footer-links li {\\n margin-bottom: 0.5rem;\\n}\\n\\n.footer-links a {\\n font-size: 0.9rem;\\n color: var(--off-white);\\n}\\n\\n.footer-links a:hover {\\n color: var(--gold);\\n}\\n\\n.footer-social h4 {\\n font-family: \\u0027Old English Five\\u0027, \\u0027Cinzel Decorative\\u0027, serif;\\n font-size: 1.2rem;\\n margin-bottom: 0.5rem;\\n color: var(--gold);\\n}\\n\\n.social-icons {\\n display: flex;\\n gap: 1rem;\\n font-size: 1.5rem;\\n}\\n\\n.social-icons a {\\n color: var(--off-white);\\n transition: color 0.2s ease;\\n}\\n\\n.social-icons a:hover {\\n color: var(--gold);\\n}\\n\\n.footer-bottom {\\n text-align: center;\\n font-size: 0.8rem;\\n}\\n\\n/* Responsive adjustments */\\n@media (max-width: 768px) {\\n .hero h1 {\\n font-size: 2.5rem;\\n }\\n .hero .tagline {\\n font-size: 0.9rem;\\n }\\n .story-content {\\n flex-direction: column;\\n }\\n .story-text, .story-image {\\n flex: 1 1 100%;\\n }\\n}\\n\\n/* Journal section */\\n.journal-section {\\n padding: 6rem 0 4rem;\\n background-color: var(--dark-green);\\n text-align: center;\\n}\\n\\n.journal-section h2 {\\n font-family: \\u0027Old English Five\\u0027, \\u0027Cinzel Decorative\\u0027, serif;\\n font-size: 2.5rem;\\n line-height: 1.2;\\n color: var(--gold);\\n margin-bottom: 1rem;\\n}\\n\\n.journal-grid {\\n display: grid;\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\n gap: 2rem;\\n margin-top: 2rem;\\n}\\n\\n.journal-card {\\n background-color: var(--black);\\n padding: 1.5rem;\\n border-radius: 10px;\\n text-align: left;\\n transition: transform 0.2s ease;\\n}\\n\\n.journal-card:hover {\\n transform: translateY(-5px);\\n}\\n\\n.journal-card img {\\n width: 100%;\\n height: auto;\\n border-radius: 6px;\\n margin-bottom: 1rem;\\n}\\n\\n.journal-card h3 {\\n font-family: \\u0027Old English Five\\u0027, \\u0027Cinzel Decorative\\u0027, serif;\\n font-size: 1.3rem;\\n color: var(--gold);\\n margin-bottom: 0.5rem;\\n}\\n\\n.journal-card p {\\n font-size: 0.9rem;\\n color: var(--off-white);\\n margin-bottom: 0.75rem;\\n}\\n\\n.journal-card a {\\n color: var(--gold);\\n text-decoration: underline;\\n font-size: 0.9rem;\\n}\\n\\n/* Contact section */\\n.contact-section {\\n padding: 6rem 0 4rem;\\n background-color: var(--black);\\n}\\n\\n.contact-grid {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 2rem;\\n align-items: flex-start;\\n}\\n\\n.contact-info,\\n.contact-form {\\n flex: 1 1 50%;\\n}\\n\\n.contact-info h3,\\n.contact-form h3 {\\n font-family: \\u0027Old English Five\\u0027, \\u0027Cinzel Decorative\\u0027, serif;\\n font-size: 2rem;\\n color: var(--gold);\\n margin-bottom: 1rem;\\n}\\n\\n.contact-info p {\\n font-size: 1rem;\\n margin-bottom: 1rem;\\n color: var(--off-white);\\n}\\n\\n.contact-form form {\\n display: flex;\\n flex-direction: column;\\n gap: 1rem;\\n}\\n\\n.contact-form input,\\n.contact-form textarea {\\n padding: 0.75rem 1rem;\\n background-color: var(--dark-green);\\n border: 1px solid var(--gold);\\n color: var(--off-white);\\n border-radius: 6px;\\n font-size: 1rem;\\n}\\n\\n.contact-form textarea {\\n resize: vertical;\\n min-height: 150px;\\n}\\n\\n.contact-form button {\\n align-self: flex-start;\\n}\\n\\n@media (max-width: 768px) {\\n .contact-grid {\\n flex-direction: column;\\n }\\n .contact-info,\\n .contact-form {\\n flex: 1 1 100%;\\n }\\n}\",\"sanitizeHash\":\"6a5825a57e7e0baf198c9e77dd135f88\"}","compressionEnabled":true,"externalizationEnabled":true,"vueVersion":"^3.5.26","blockId":"clothes-footer","draft":false},"data":{"content":"{\"linksGroupAccountTitle\":\"My Account\",\"linksGroupAccount\":{\"cards\":[{\"id\":\"0\",\"title\":\"Account Link 1\",\"settings\":{\"buttonLink\":{\"title\":\"Sign In\",\"type\":\"HYPER_LINK\",\"link\":\"/products/account\"}}},{\"id\":\"1\",\"title\":\"Account Link 2\",\"settings\":{\"buttonLink\":{\"title\":\"Order Tracking\",\"type\":\"HYPER_LINK\",\"link\":\"/tracking\"}}}]},\"linksGroupCustomerCareTitle\":\"Customer Care\",\"linksGroupCustomerCare\":{\"cards\":[{\"id\":\"2\",\"title\":\"Account Link 3\",\"settings\":{\"buttonLink\":{\"title\":\"Shipping Information\",\"type\":\"HYPER_LINK\",\"link\":\"https://Aztyanz.com/Policy/Shipping\"}}},{\"id\":\"3\",\"title\":\"Account Link 4\",\"settings\":{\"buttonLink\":{\"title\":\"Returns & Exchanges\",\"type\":\"HYPER_LINK\",\"link\":\"/terms/Returns\"}}}]},\"linksGroupCompanyTitle\":\"Our Company\",\"linksGroupCompanyCare\":{\"cards\":[{\"id\":\"0\",\"title\":\"Account Link 1\",\"settings\":{\"buttonLink\":{\"title\":\"Contact Us\",\"type\":\"HYPER_LINK\",\"link\":\"/Contact\"}}},{\"id\":\"0\",\"title\":\"Account Link 1\",\"settings\":{\"buttonLink\":{\"title\":\"About Us\",\"type\":\"HYPER_LINK\",\"link\":\"https://Aztyanz.com/About\"}}}]},\"contactUsTitle\":\"Get in Touch\",\"contactUsTelephone\":{\"title\":\"Call Us\",\"type\":\"MAIL_LINK\",\"phone\":\"+1000000000\",\"email\":\"Sales@dclxivstudios.com\"},\"contactUsMail\":{\"title\":\"Email Us\",\"type\":\"MAIL_LINK\",\"email\":\"example@gmail.com\"},\"copyrightNotice\":\"\",\"legalAndTechnicalLinks\":{\"cards\":[{\"id\":\"1\",\"title\":\"Legal Link 2\",\"settings\":{\"buttonLink\":{\"title\":\"Terms of Service\",\"type\":\"HYPER_LINK\",\"link\":\"/Policy/Terms\"}}}]},\"socialMediaLinks\":{\"cards\":[{\"id\":\"1\",\"title\":\"Social Media Link 2\",\"settings\":{\"socialMediaIcons\":\"https://www.facebook.com/\",\"siteName\":\"Aztyanz.cc.7\"}},{\"id\":\"2\",\"title\":\"Social Media Link 3\",\"settings\":{\"socialMediaIcons\":\"https://www.instagram.com/\",\"siteName\":\"Aztyanz\"}},{\"id\":\"3\",\"title\":\"Social Media Link 4\",\"settings\":{\"socialMediaIcons\":\"https://www.tiktok.com/discover/\",\"siteName\":\"@aztyanz_\"}}]},\"footer_text\":\"AZTYANZ\"}","design":"{\"title\":{\"font\":\"open_sans_condensed\",\"size\":18,\"bold\":true,\"italic\":true,\"color\":{\"hex\":\"#000000\",\"hsl\":{\"a\":1,\"h\":0,\"l\":0,\"s\":0},\"raw\":\"#000000\",\"rgba\":{\"a\":1,\"b\":0,\"g\":0,\"r\":0}},\"visible\":false},\"link\":{\"font\":\"inter\",\"size\":16,\"bold\":false,\"italic\":true,\"color\":{\"auto\":false,\"hex\":\"#d4af37ff\",\"hsl\":{\"h\":45.859872611464965,\"s\":0.646090534979424,\"l\":0.5235294117647059,\"a\":1},\"raw\":\"#d4af37\",\"rgba\":{\"r\":212,\"g\":175,\"b\":55,\"a\":1}},\"visible\":true},\"footer_text\":{\"font\":\"montserrat\",\"size\":16,\"bold\":true,\"italic\":false,\"color\":{\"auto\":false,\"hex\":\"#d4af37ff\",\"hsl\":{\"h\":45.859872611464965,\"s\":0.646090534979424,\"l\":0.5235294117647059,\"a\":1},\"raw\":\"#d4af37\",\"rgba\":{\"r\":212,\"g\":175,\"b\":55,\"a\":1}},\"visible\":true},\"background\":{\"background\":{\"type\":\"solid\",\"solid\":{\"color\":{\"hex\":\"#000000\",\"hsl\":{\"a\":1,\"h\":0,\"l\":0,\"s\":0},\"raw\":\"#000000\",\"rgba\":{\"a\":1,\"b\":0,\"g\":0,\"r\":0}}},\"gradient\":{\"fromColor\":{\"raw\":\"#FFFFFF\",\"hex\":\"#ffffffff\",\"rgba\":{\"r\":255,\"g\":255,\"b\":255,\"a\":1},\"hsl\":{\"h\":0,\"s\":0,\"l\":1,\"a\":1},\"auto\":false},\"toColor\":{\"raw\":\"#FFFFFF\",\"hex\":\"#ffffffff\",\"rgba\":{\"r\":255,\"g\":255,\"b\":255,\"a\":1},\"hsl\":{\"h\":0,\"s\":0,\"l\":1,\"a\":1},\"auto\":false}}},\"overlay\":{}},\"isLinksGroup\":{\"enabled\":false},\"isContactUs\":{\"enabled\":false},\"isLegalAndTechnicalLinks\":{\"enabled\":false},\"isSocialMediaLinks\":{\"enabled\":true},\"isFooterImageAndText\":{\"enabled\":false},\"layout\":\"CUSTOM_LAYOUT\",\"sanitizeHash\":\"6a5825a57e7e0baf198c9e77dd135f88\"}","defaults":"{\"title\":{\"font\":\"inter\",\"size\":16,\"bold\":true,\"italic\":false,\"color\":{\"raw\":\"#1E1E21\",\"hex\":\"#1e1e21ff\",\"rgba\":{\"r\":30,\"g\":30,\"b\":33,\"a\":1.0},\"hsl\":{\"h\":240.0,\"s\":0.04761904761904767,\"l\":0.12352941176470589,\"a\":1.0},\"auto\":false},\"visible\":true},\"link\":{\"font\":\"inter\",\"size\":16,\"bold\":false,\"italic\":false,\"color\":{\"raw\":\"#1E1E21\",\"hex\":\"#1e1e21ff\",\"rgba\":{\"r\":30,\"g\":30,\"b\":33,\"a\":1.0},\"hsl\":{\"h\":240.0,\"s\":0.04761904761904767,\"l\":0.12352941176470589,\"a\":1.0},\"auto\":false},\"visible\":true},\"background\":{\"background\":{\"type\":\"solid\",\"solid\":{\"color\":{\"raw\":\"#FFFFFF\",\"hex\":\"#ffffffff\",\"rgba\":{\"r\":255,\"g\":255,\"b\":255,\"a\":1.0},\"hsl\":{\"h\":0.0,\"s\":0.0,\"l\":1.0,\"a\":1.0},\"auto\":false}},\"gradient\":{\"fromColor\":{\"raw\":\"#FFFFFF\",\"hex\":\"#ffffffff\",\"rgba\":{\"r\":255,\"g\":255,\"b\":255,\"a\":1.0},\"hsl\":{\"h\":0.0,\"s\":0.0,\"l\":1.0,\"a\":1.0},\"auto\":false},\"toColor\":{\"raw\":\"#FFFFFF\",\"hex\":\"#ffffffff\",\"rgba\":{\"r\":255,\"g\":255,\"b\":255,\"a\":1.0},\"hsl\":{\"h\":0.0,\"s\":0.0,\"l\":1.0,\"a\":1.0},\"auto\":false}}}},\"isLinksGroup\":{\"enabled\":true},\"isContactUs\":{\"enabled\":true},\"isLegalAndTechnicalLinks\":{\"enabled\":true},\"isSocialMediaLinks\":{\"enabled\":true},\"isFooterImageAndText\":{\"enabled\":true},\"footer_text\":{\"font\":\"inter\",\"size\":10,\"bold\":false,\"italic\":false,\"color\":{\"raw\":\"#EEE\",\"hex\":\"#eeeeeeff\",\"rgba\":{\"r\":238,\"g\":238,\"b\":238,\"a\":1.0},\"hsl\":{\"h\":0.0,\"s\":0.0,\"l\":0.9333333333333333,\"a\":1.0},\"auto\":false},\"visible\":true}}","tileId":"custom-footer-V3hDUS","externalContent":"{\"type\":\"FOOTER\",\"site\":{\"languages\":[{\"code\":\"en\",\"description\":\"English\",\"main\":true,\"selected\":true}],\"reportAbuse\":{\"title\":\"Report Abuse\",\"url\":\"mailto:abuse@company.site?subject=Complaint%20against%20store%3A%20SID%20100011404&body=SID%20100011404%2C%20https%3A%2F%2Faztyanz.com\",\"target\":\"_blank\"},\"madeWith\":{\"url\":\"http://www.ecwid.com?utm_source=instantsite&utm_medium=powered-by-link&utm_campaign=stores\",\"target\":\"_blank\",\"icon\":\"https://vuega.ecwid.com/static/icons/MadeWithIcon.svg\",\"poweredBy\":\"Made with\",\"company\":\"Ecwid by Lightspeed\"},\"madeWithV2\":{\"url\":\"https://lightspeedhq.com?utm_source=instantsite&utm_medium=powered-by-link&utm_campaign=stores\",\"target\":\"_blank\",\"poweredBy\":\"Powered by Lightspeed\"},\"legalPages\":[],\"pages\":[{\"pageId\":\"custom-100011404-2Zfp5y\",\"title\":\"Journal\",\"url\":\"/Journal\"},{\"pageId\":\"custom-100011404-VNaKvz\",\"title\":\"Contact\",\"url\":\"/Contact\"},{\"pageId\":\"custom-100011404-Pvq92A\",\"title\":\"About\",\"url\":\"/About\"}]}}"}},"id":"custom-footer-V3hDUS","name":"clothes-footer","html":"","clientJsUrl":"https://d2vgjz314jo6a7.cloudfront.net/atelier/0.3.0/clothes-footer/client/client.js","cssUrl":"https://d2vgjz314jo6a7.cloudfront.net/atelier/0.3.0/clothes-footer/assets/client.css"}],"slots":[{"state":{"context":{"appClientId":"atelier","version":"0.3.0","imageBuckets":{"au-syd":"https://dfvc2y3mjtc8v.cloudfront.net","us-vir":"https://dhgf5mcbrms62.cloudfront.net","eu-fra":"https://d2gt4h1eeousrn.cloudfront.net"},"globalDesign":"{\"color\":{\"title\":{\"raw\":\"#191919\",\"hex\":\"#191919ff\",\"hsl\":{\"h\":0,\"s\":0,\"l\":0.09803921569,\"a\":1},\"rgba\":{\"r\":25,\"g\":25,\"b\":25,\"a\":1},\"auto\":false},\"body\":{\"raw\":\"#191919\",\"hex\":\"#191919ff\",\"hsl\":{\"h\":0,\"s\":0,\"l\":0.09803921569,\"a\":1},\"rgba\":{\"r\":25,\"g\":25,\"b\":25,\"a\":1},\"auto\":false},\"button\":{\"raw\":\"#191919\",\"hex\":\"#191919ff\",\"hsl\":{\"h\":0,\"s\":0,\"l\":0.09803921569,\"a\":1},\"rgba\":{\"r\":25,\"g\":25,\"b\":25,\"a\":1},\"auto\":false},\"link\":{\"raw\":\"#1A7AC4\",\"hex\":\"#1a7ac4ff\",\"hsl\":{\"h\":206,\"s\":0.76576576577,\"l\":0.43529411765,\"a\":1},\"rgba\":{\"r\":26,\"g\":122,\"b\":196,\"a\":1},\"auto\":false},\"background\":{\"raw\":\"#F9F9F9\",\"hex\":\"#F9F9F9\",\"hsl\":{\"h\":14.999999999998161,\"s\":0,\"l\":0.9758,\"a\":1},\"rgba\":{\"r\":249,\"g\":249,\"b\":249,\"a\":1}}},\"fontFamily\":{\"title\":\"cinzel\",\"body\":\"dm_sans\"},\"textSize\":{\"title\":48,\"subtitle\":24,\"body\":18},\"buttonSize\":{\"small\":14,\"medium\":16,\"large\":20},\"layout\":{\"maxWidth\":1120,\"tileMargin\":100,\"appearanceEffect\":\"none\"},\"currentTheme\":{\"templateId\":\"template-sport-006\",\"themeId\":\"theme-sport-001\",\"settings\":{\"colorPalette\":{\"colorA\":\"#020202\",\"colorB\":\"#F9F8FA\",\"colorC\":\"#c8a24a\",\"colorD\":\"#0f2316\",\"colorE\":\"#F9F7F7\",\"colorF\":\"#0E0F11\"},\"fonts\":{\"fontPair\":{\"headingFont\":\"dm_sans\",\"headingFontStyle\":\"bold\",\"bodyFont\":\"dm_sans\",\"bodyFontStyle\":\"regular\"},\"general\":{\"heading1\":{\"fontSize\":64},\"heading2\":{\"fontSize\":48},\"heading3\":{\"fontSize\":32},\"heading4\":{\"fontSize\":18},\"body1\":{\"fontSize\":24},\"body2\":{\"fontSize\":18},\"body3\":{\"fontSize\":16},\"body4\":{\"fontSize\":14}}},\"alignment\":\"center\",\"pageLayout\":{\"contentWidth\":1128},\"cornerRadius\":\"sharp\"}},\"customCss\":\"/*\\n * Aztyanz website stylesheet\\n *\\n * This CSS defines the layout and styling to recreate the look and feel\\n * of the provided design mockup. It uses CSS variables for the colour\\n * palette and implements responsive layouts via flexbox and CSS Grid.\\n */\\n\\n/* Custom font registration: Old English Five. This font file is included\\n in the repository. If you host the site elsewhere (e.g. via GitHub Pages),\\n ensure the relative path points to the TTF file. */\\n@font-face {\\n font-family: 'Old English Five';\\n src: url('OldEnglishFive.ttf') format('truetype');\\n font-weight: normal;\\n font-style: normal;\\n}\\n\\n/* Colour palette */\\n:root {\\n --dark-green: #0f2316;\\n --gold: #c8a24a;\\n --black: #050505;\\n --off-white: #ede9e1;\\n --dark-overlay: rgba(5, 5, 5, 0.6);\\n}\\n\\n* {\\n margin: 0;\\n padding: 0;\\n box-sizing: border-box;\\n}\\n\\nhtml, body {\\n height: 100%;\\n font-family: 'Montserrat', sans-serif;\\n color: var(--off-white);\\n background-color: var(--dark-green);\\n line-height: 1.6;\\n}\\n\\na {\\n color: var(--off-white);\\n text-decoration: none;\\n transition: color 0.2s ease;\\n}\\n\\na:hover {\\n color: var(--gold);\\n}\\n\\n/* Generic container with max-width */\\n.container {\\n width: 90%;\\n max-width: 1200px;\\n margin: 0 auto;\\n}\\n\\n/* Site header */\\n.site-header {\\n background-color: var(--dark-green);\\n padding: 1rem 0;\\n position: fixed;\\n top: 0;\\n left: 0;\\n width: 100%;\\n z-index: 1000;\\n box-shadow: 0 2px 4px rgba(0,0,0,0.2);\\n}\\n\\n.nav-wrapper {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n}\\n\\n.logo {\\n /* Use Old English Five as the primary decorative typeface */\\n font-family: 'Old English Five', 'Cinzel Decorative', serif;\\n font-size: 1.8rem;\\n font-weight: 700;\\n color: var(--gold);\\n}\\n\\n.primary-nav ul {\\n list-style: none;\\n display: flex;\\n gap: 1.5rem;\\n}\\n\\n.primary-nav a {\\n font-size: 0.9rem;\\n text-transform: uppercase;\\n letter-spacing: 1px;\\n padding: 0.5rem 0;\\n color: var(--off-white);\\n}\\n\\n.primary-nav a.active,\\n.primary-nav a:hover {\\n color: var(--gold);\\n}\\n\\n/* Hero section */\\n.hero {\\n position: relative;\\n height: 90vh;\\n min-height: 500px;\\n /* Use your GitHub-hosted hero image. Replace the URL with your actual file name if different. */\\n background-image: url('https://raw.githubusercontent.com/664Studios/aztyanz-assets/main/images/hero-placeholder.PNG');\\n background-size: cover;\\n background-position: center;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n text-align: center;\\n padding-top: 4rem;\\n}\\n\\n.hero-overlay {\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 100%;\\n height: 100%;\\n background: var(--dark-overlay);\\n z-index: 1;\\n}\\n\\n.hero-content {\\n position: relative;\\n z-index: 2;\\n max-width: 800px;\\n}\\n\\n.hero h1 {\\n font-family: 'Old English Five', 'Cinzel Decorative', serif;\\n font-size: 4rem;\\n letter-spacing: 2px;\\n margin-bottom: 1rem;\\n color: var(--gold);\\n}\\n\\n.hero .tagline {\\n font-size: 1.1rem;\\n margin-bottom: 2rem;\\n color: var(--off-white);\\n line-height: 1.4;\\n}\\n\\n.hero-buttons {\\n display: flex;\\n justify-content: center;\\n gap: 1rem;\\n}\\n\\n/* Buttons */\\n.btn {\\n display: inline-block;\\n padding: 0.75rem 1.5rem;\\n border: 2px solid var(--gold);\\n border-radius: 30px;\\n text-transform: uppercase;\\n font-weight: 600;\\n letter-spacing: 1px;\\n cursor: pointer;\\n transition: all 0.3s ease;\\n}\\n\\n.btn-primary {\\n background-color: var(--gold);\\n color: var(--dark-green);\\n}\\n\\n.btn-primary:hover {\\n background-color: transparent;\\n color: var(--gold);\\n}\\n\\n.btn-outline {\\n background-color: transparent;\\n color: var(--gold);\\n}\\n\\n.btn-outline:hover {\\n background-color: var(--gold);\\n color: var(--dark-green);\\n}\\n\\n/* Scroll indicator */\\n.scroll-indicator {\\n position: absolute;\\n bottom: 1rem;\\n left: 50%;\\n transform: translateX(-50%);\\n text-align: center;\\n z-index: 2;\\n font-size: 0.8rem;\\n color: var(--gold);\\n animation: bounce 2s infinite;\\n}\\n\\n.scroll-indicator span:first-child {\\n font-size: 1.5rem;\\n display: block;\\n}\\n\\n@keyframes bounce {\\n 0%, 20%, 50%, 80%, 100% { transform: translate(-50%, 0); }\\n 40% { transform: translate(-50%, -10px); }\\n 60% { transform: translate(-50%, -5px); }\\n}\\n\\n/* Story section */\\n.story-section {\\n padding: 6rem 0 4rem;\\n background-color: var(--dark-green);\\n}\\n\\n.story-content {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 2rem;\\n align-items: center;\\n}\\n\\n.story-text {\\n flex: 1 1 50%;\\n}\\n\\n.story-text h2 {\\n font-family: 'Old English Five', 'Cinzel Decorative', serif;\\n font-size: 2.5rem;\\n color: var(--gold);\\n margin-bottom: 1rem;\\n}\\n\\n.story-text p {\\n font-size: 1rem;\\n margin-bottom: 1.5rem;\\n max-width: 600px;\\n}\\n\\n.story-image {\\n flex: 1 1 45%;\\n text-align: center;\\n}\\n\\n.story-image img {\\n width: 100%;\\n height: auto;\\n border-radius: 10px;\\n}\\n\\n/* Products section */\\n.products-section {\\n padding: 6rem 0 4rem;\\n background-color: var(--black);\\n text-align: center;\\n}\\n\\n.products-section h2 {\\n font-family: 'Old English Five', 'Cinzel Decorative', serif;\\n color: var(--gold);\\n font-size: 2.5rem;\\n margin-bottom: 0.5rem;\\n}\\n\\n.section-subtitle {\\n color: var(--off-white);\\n margin-bottom: 2rem;\\n font-size: 1rem;\\n}\\n\\n.product-grid {\\n display: grid;\\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\\n gap: 2rem;\\n margin-bottom: 2rem;\\n}\\n\\n.product-card {\\n background-color: var(--dark-green);\\n padding: 1.5rem;\\n border-radius: 10px;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n text-align: center;\\n transition: transform 0.2s ease;\\n}\\n\\n.product-card:hover {\\n transform: translateY(-5px);\\n}\\n\\n.product-card img {\\n width: 100%;\\n height: auto;\\n border-radius: 6px;\\n margin-bottom: 1rem;\\n}\\n\\n.product-card h3 {\\n font-family: 'Old English Five', 'Cinzel Decorative', serif;\\n font-size: 1.2rem;\\n color: var(--gold);\\n margin-bottom: 0.5rem;\\n}\\n\\n.product-card p {\\n font-size: 0.9rem;\\n margin-bottom: 1rem;\\n color: var(--off-white);\\n}\\n\\n.products-actions {\\n display: flex;\\n justify-content: center;\\n}\\n\\n/* Journey section */\\n.journey-section {\\n padding: 6rem 0 4rem;\\n background-color: var(--dark-green);\\n text-align: center;\\n}\\n\\n.journey-section h2 {\\n font-family: 'Old English Five', 'Cinzel Decorative', serif;\\n font-size: 2.5rem;\\n line-height: 1.2;\\n color: var(--gold);\\n margin-bottom: 1rem;\\n}\\n\\n.journey-section h2 span {\\n display: block;\\n font-size: 1.5rem;\\n color: var(--off-white);\\n}\\n\\n.journey-grid {\\n display: grid;\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\n gap: 2rem;\\n margin: 3rem 0;\\n}\\n\\n.journey-item {\\n background-color: var(--black);\\n padding: 1.5rem;\\n border-radius: 10px;\\n text-align: center;\\n transition: transform 0.2s ease;\\n}\\n\\n.journey-item:hover {\\n transform: translateY(-5px);\\n}\\n\\n.journey-item img {\\n width: 100%;\\n height: auto;\\n border-radius: 6px;\\n margin-bottom: 1rem;\\n}\\n\\n.journey-item h3 {\\n font-family: 'Old English Five', 'Cinzel Decorative', serif;\\n font-size: 1.3rem;\\n color: var(--gold);\\n margin-bottom: 0.5rem;\\n}\\n\\n.journey-item p {\\n font-size: 0.9rem;\\n color: var(--off-white);\\n}\\n\\n/* Movement / Social call to action section */\\n.movement-section {\\n padding: 6rem 0 6rem;\\n background-color: var(--black);\\n text-align: center;\\n}\\n\\n.movement-section h2 {\\n font-family: 'Old English Five', 'Cinzel Decorative', serif;\\n font-size: 2.5rem;\\n color: var(--gold);\\n margin-bottom: 1rem;\\n}\\n\\n.movement-section h2 span {\\n display: block;\\n font-size: 1.5rem;\\n color: var(--off-white);\\n}\\n\\n.movement-section p {\\n max-width: 600px;\\n margin: 0 auto 2rem;\\n font-size: 1rem;\\n color: var(--off-white);\\n}\\n\\n/* Footer */\\n.site-footer {\\n background-color: var(--dark-green);\\n padding: 4rem 0 2rem;\\n color: var(--off-white);\\n}\\n\\n.footer-grid {\\n display: grid;\\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\\n gap: 2rem;\\n margin-bottom: 2rem;\\n}\\n\\n.footer-brand h3 {\\n font-family: 'Old English Five', 'Cinzel Decorative', serif;\\n font-size: 1.8rem;\\n color: var(--gold);\\n margin-bottom: 0.5rem;\\n}\\n\\n.footer-brand p {\\n font-size: 0.9rem;\\n line-height: 1.4;\\n color: var(--off-white);\\n}\\n\\n.footer-links h4 {\\n font-family: 'Old English Five', 'Cinzel Decorative', serif;\\n font-size: 1.2rem;\\n margin-bottom: 0.5rem;\\n color: var(--gold);\\n}\\n\\n.footer-links ul {\\n list-style: none;\\n}\\n\\n.footer-links li {\\n margin-bottom: 0.5rem;\\n}\\n\\n.footer-links a {\\n font-size: 0.9rem;\\n color: var(--off-white);\\n}\\n\\n.footer-links a:hover {\\n color: var(--gold);\\n}\\n\\n.footer-social h4 {\\n font-family: 'Old English Five', 'Cinzel Decorative', serif;\\n font-size: 1.2rem;\\n margin-bottom: 0.5rem;\\n color: var(--gold);\\n}\\n\\n.social-icons {\\n display: flex;\\n gap: 1rem;\\n font-size: 1.5rem;\\n}\\n\\n.social-icons a {\\n color: var(--off-white);\\n transition: color 0.2s ease;\\n}\\n\\n.social-icons a:hover {\\n color: var(--gold);\\n}\\n\\n.footer-bottom {\\n text-align: center;\\n font-size: 0.8rem;\\n}\\n\\n/* Responsive adjustments */\\n@media (max-width: 768px) {\\n .hero h1 {\\n font-size: 2.5rem;\\n }\\n .hero .tagline {\\n font-size: 0.9rem;\\n }\\n .story-content {\\n flex-direction: column;\\n }\\n .story-text, .story-image {\\n flex: 1 1 100%;\\n }\\n}\\n\\n/* Journal section */\\n.journal-section {\\n padding: 6rem 0 4rem;\\n background-color: var(--dark-green);\\n text-align: center;\\n}\\n\\n.journal-section h2 {\\n font-family: 'Old English Five', 'Cinzel Decorative', serif;\\n font-size: 2.5rem;\\n line-height: 1.2;\\n color: var(--gold);\\n margin-bottom: 1rem;\\n}\\n\\n.journal-grid {\\n display: grid;\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\n gap: 2rem;\\n margin-top: 2rem;\\n}\\n\\n.journal-card {\\n background-color: var(--black);\\n padding: 1.5rem;\\n border-radius: 10px;\\n text-align: left;\\n transition: transform 0.2s ease;\\n}\\n\\n.journal-card:hover {\\n transform: translateY(-5px);\\n}\\n\\n.journal-card img {\\n width: 100%;\\n height: auto;\\n border-radius: 6px;\\n margin-bottom: 1rem;\\n}\\n\\n.journal-card h3 {\\n font-family: 'Old English Five', 'Cinzel Decorative', serif;\\n font-size: 1.3rem;\\n color: var(--gold);\\n margin-bottom: 0.5rem;\\n}\\n\\n.journal-card p {\\n font-size: 0.9rem;\\n color: var(--off-white);\\n margin-bottom: 0.75rem;\\n}\\n\\n.journal-card a {\\n color: var(--gold);\\n text-decoration: underline;\\n font-size: 0.9rem;\\n}\\n\\n/* Contact section */\\n.contact-section {\\n padding: 6rem 0 4rem;\\n background-color: var(--black);\\n}\\n\\n.contact-grid {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 2rem;\\n align-items: flex-start;\\n}\\n\\n.contact-info,\\n.contact-form {\\n flex: 1 1 50%;\\n}\\n\\n.contact-info h3,\\n.contact-form h3 {\\n font-family: 'Old English Five', 'Cinzel Decorative', serif;\\n font-size: 2rem;\\n color: var(--gold);\\n margin-bottom: 1rem;\\n}\\n\\n.contact-info p {\\n font-size: 1rem;\\n margin-bottom: 1rem;\\n color: var(--off-white);\\n}\\n\\n.contact-form form {\\n display: flex;\\n flex-direction: column;\\n gap: 1rem;\\n}\\n\\n.contact-form input,\\n.contact-form textarea {\\n padding: 0.75rem 1rem;\\n background-color: var(--dark-green);\\n border: 1px solid var(--gold);\\n color: var(--off-white);\\n border-radius: 6px;\\n font-size: 1rem;\\n}\\n\\n.contact-form textarea {\\n resize: vertical;\\n min-height: 150px;\\n}\\n\\n.contact-form button {\\n align-self: flex-start;\\n}\\n\\n@media (max-width: 768px) {\\n .contact-grid {\\n flex-direction: column;\\n }\\n .contact-info,\\n .contact-form {\\n flex: 1 1 100%;\\n }\\n}\",\"sanitizedCustomCss\":\"/*\\n * Aztyanz website stylesheet\\n *\\n * This CSS defines the layout and styling to recreate the look and feel\\n * of the provided design mockup. It uses CSS variables for the colour\\n * palette and implements responsive layouts via flexbox and CSS Grid.\\n */\\n\\n/* Custom font registration: Old English Five. This font file is included\\n in the repository. If you host the site elsewhere (e.g. via GitHub Pages),\\n ensure the relative path points to the TTF file. */\\n@font-face {\\n font-family: 'Old English Five';\\n src: url('OldEnglishFive.ttf') format('truetype');\\n font-weight: normal;\\n font-style: normal;\\n}\\n\\n/* Colour palette */\\n:root {\\n --dark-green: #0f2316;\\n --gold: #c8a24a;\\n --black: #050505;\\n --off-white: #ede9e1;\\n --dark-overlay: rgba(5, 5, 5, 0.6);\\n}\\n\\n* {\\n margin: 0;\\n padding: 0;\\n box-sizing: border-box;\\n}\\n\\nhtml, body {\\n height: 100%;\\n font-family: 'Montserrat', sans-serif;\\n color: var(--off-white);\\n background-color: var(--dark-green);\\n line-height: 1.6;\\n}\\n\\na {\\n color: var(--off-white);\\n text-decoration: none;\\n transition: color 0.2s ease;\\n}\\n\\na:hover {\\n color: var(--gold);\\n}\\n\\n/* Generic container with max-width */\\n.container {\\n width: 90%;\\n max-width: 1200px;\\n margin: 0 auto;\\n}\\n\\n/* Site header */\\n.site-header {\\n background-color: var(--dark-green);\\n padding: 1rem 0;\\n position: fixed;\\n top: 0;\\n left: 0;\\n width: 100%;\\n z-index: 1000;\\n box-shadow: 0 2px 4px rgba(0,0,0,0.2);\\n}\\n\\n.nav-wrapper {\\n display: flex;\\n justify-content: space-between;\\n align-items: center;\\n}\\n\\n.logo {\\n /* Use Old English Five as the primary decorative typeface */\\n font-family: 'Old English Five', 'Cinzel Decorative', serif;\\n font-size: 1.8rem;\\n font-weight: 700;\\n color: var(--gold);\\n}\\n\\n.primary-nav ul {\\n list-style: none;\\n display: flex;\\n gap: 1.5rem;\\n}\\n\\n.primary-nav a {\\n font-size: 0.9rem;\\n text-transform: uppercase;\\n letter-spacing: 1px;\\n padding: 0.5rem 0;\\n color: var(--off-white);\\n}\\n\\n.primary-nav a.active,\\n.primary-nav a:hover {\\n color: var(--gold);\\n}\\n\\n/* Hero section */\\n.hero {\\n position: relative;\\n height: 90vh;\\n min-height: 500px;\\n /* Use your GitHub-hosted hero image. Replace the URL with your actual file name if different. */\\n background-image: url('https://raw.githubusercontent.com/664Studios/aztyanz-assets/main/images/hero-placeholder.PNG');\\n background-size: cover;\\n background-position: center;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n text-align: center;\\n padding-top: 4rem;\\n}\\n\\n.hero-overlay {\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 100%;\\n height: 100%;\\n background: var(--dark-overlay);\\n z-index: 1;\\n}\\n\\n.hero-content {\\n position: relative;\\n z-index: 2;\\n max-width: 800px;\\n}\\n\\n.hero h1 {\\n font-family: 'Old English Five', 'Cinzel Decorative', serif;\\n font-size: 4rem;\\n letter-spacing: 2px;\\n margin-bottom: 1rem;\\n color: var(--gold);\\n}\\n\\n.hero .tagline {\\n font-size: 1.1rem;\\n margin-bottom: 2rem;\\n color: var(--off-white);\\n line-height: 1.4;\\n}\\n\\n.hero-buttons {\\n display: flex;\\n justify-content: center;\\n gap: 1rem;\\n}\\n\\n/* Buttons */\\n.btn {\\n display: inline-block;\\n padding: 0.75rem 1.5rem;\\n border: 2px solid var(--gold);\\n border-radius: 30px;\\n text-transform: uppercase;\\n font-weight: 600;\\n letter-spacing: 1px;\\n cursor: pointer;\\n transition: all 0.3s ease;\\n}\\n\\n.btn-primary {\\n background-color: var(--gold);\\n color: var(--dark-green);\\n}\\n\\n.btn-primary:hover {\\n background-color: transparent;\\n color: var(--gold);\\n}\\n\\n.btn-outline {\\n background-color: transparent;\\n color: var(--gold);\\n}\\n\\n.btn-outline:hover {\\n background-color: var(--gold);\\n color: var(--dark-green);\\n}\\n\\n/* Scroll indicator */\\n.scroll-indicator {\\n position: absolute;\\n bottom: 1rem;\\n left: 50%;\\n transform: translateX(-50%);\\n text-align: center;\\n z-index: 2;\\n font-size: 0.8rem;\\n color: var(--gold);\\n animation: bounce 2s infinite;\\n}\\n\\n.scroll-indicator span:first-child {\\n font-size: 1.5rem;\\n display: block;\\n}\\n\\n@keyframes bounce {\\n 0%, 20%, 50%, 80%, 100% { transform: translate(-50%, 0); }\\n 40% { transform: translate(-50%, -10px); }\\n 60% { transform: translate(-50%, -5px); }\\n}\\n\\n/* Story section */\\n.story-section {\\n padding: 6rem 0 4rem;\\n background-color: var(--dark-green);\\n}\\n\\n.story-content {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 2rem;\\n align-items: center;\\n}\\n\\n.story-text {\\n flex: 1 1 50%;\\n}\\n\\n.story-text h2 {\\n font-family: 'Old English Five', 'Cinzel Decorative', serif;\\n font-size: 2.5rem;\\n color: var(--gold);\\n margin-bottom: 1rem;\\n}\\n\\n.story-text p {\\n font-size: 1rem;\\n margin-bottom: 1.5rem;\\n max-width: 600px;\\n}\\n\\n.story-image {\\n flex: 1 1 45%;\\n text-align: center;\\n}\\n\\n.story-image img {\\n width: 100%;\\n height: auto;\\n border-radius: 10px;\\n}\\n\\n/* Products section */\\n.products-section {\\n padding: 6rem 0 4rem;\\n background-color: var(--black);\\n text-align: center;\\n}\\n\\n.products-section h2 {\\n font-family: 'Old English Five', 'Cinzel Decorative', serif;\\n color: var(--gold);\\n font-size: 2.5rem;\\n margin-bottom: 0.5rem;\\n}\\n\\n.section-subtitle {\\n color: var(--off-white);\\n margin-bottom: 2rem;\\n font-size: 1rem;\\n}\\n\\n.product-grid {\\n display: grid;\\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\\n gap: 2rem;\\n margin-bottom: 2rem;\\n}\\n\\n.product-card {\\n background-color: var(--dark-green);\\n padding: 1.5rem;\\n border-radius: 10px;\\n display: flex;\\n flex-direction: column;\\n align-items: center;\\n text-align: center;\\n transition: transform 0.2s ease;\\n}\\n\\n.product-card:hover {\\n transform: translateY(-5px);\\n}\\n\\n.product-card img {\\n width: 100%;\\n height: auto;\\n border-radius: 6px;\\n margin-bottom: 1rem;\\n}\\n\\n.product-card h3 {\\n font-family: 'Old English Five', 'Cinzel Decorative', serif;\\n font-size: 1.2rem;\\n color: var(--gold);\\n margin-bottom: 0.5rem;\\n}\\n\\n.product-card p {\\n font-size: 0.9rem;\\n margin-bottom: 1rem;\\n color: var(--off-white);\\n}\\n\\n.products-actions {\\n display: flex;\\n justify-content: center;\\n}\\n\\n/* Journey section */\\n.journey-section {\\n padding: 6rem 0 4rem;\\n background-color: var(--dark-green);\\n text-align: center;\\n}\\n\\n.journey-section h2 {\\n font-family: 'Old English Five', 'Cinzel Decorative', serif;\\n font-size: 2.5rem;\\n line-height: 1.2;\\n color: var(--gold);\\n margin-bottom: 1rem;\\n}\\n\\n.journey-section h2 span {\\n display: block;\\n font-size: 1.5rem;\\n color: var(--off-white);\\n}\\n\\n.journey-grid {\\n display: grid;\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\n gap: 2rem;\\n margin: 3rem 0;\\n}\\n\\n.journey-item {\\n background-color: var(--black);\\n padding: 1.5rem;\\n border-radius: 10px;\\n text-align: center;\\n transition: transform 0.2s ease;\\n}\\n\\n.journey-item:hover {\\n transform: translateY(-5px);\\n}\\n\\n.journey-item img {\\n width: 100%;\\n height: auto;\\n border-radius: 6px;\\n margin-bottom: 1rem;\\n}\\n\\n.journey-item h3 {\\n font-family: 'Old English Five', 'Cinzel Decorative', serif;\\n font-size: 1.3rem;\\n color: var(--gold);\\n margin-bottom: 0.5rem;\\n}\\n\\n.journey-item p {\\n font-size: 0.9rem;\\n color: var(--off-white);\\n}\\n\\n/* Movement / Social call to action section */\\n.movement-section {\\n padding: 6rem 0 6rem;\\n background-color: var(--black);\\n text-align: center;\\n}\\n\\n.movement-section h2 {\\n font-family: 'Old English Five', 'Cinzel Decorative', serif;\\n font-size: 2.5rem;\\n color: var(--gold);\\n margin-bottom: 1rem;\\n}\\n\\n.movement-section h2 span {\\n display: block;\\n font-size: 1.5rem;\\n color: var(--off-white);\\n}\\n\\n.movement-section p {\\n max-width: 600px;\\n margin: 0 auto 2rem;\\n font-size: 1rem;\\n color: var(--off-white);\\n}\\n\\n/* Footer */\\n.site-footer {\\n background-color: var(--dark-green);\\n padding: 4rem 0 2rem;\\n color: var(--off-white);\\n}\\n\\n.footer-grid {\\n display: grid;\\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\\n gap: 2rem;\\n margin-bottom: 2rem;\\n}\\n\\n.footer-brand h3 {\\n font-family: 'Old English Five', 'Cinzel Decorative', serif;\\n font-size: 1.8rem;\\n color: var(--gold);\\n margin-bottom: 0.5rem;\\n}\\n\\n.footer-brand p {\\n font-size: 0.9rem;\\n line-height: 1.4;\\n color: var(--off-white);\\n}\\n\\n.footer-links h4 {\\n font-family: 'Old English Five', 'Cinzel Decorative', serif;\\n font-size: 1.2rem;\\n margin-bottom: 0.5rem;\\n color: var(--gold);\\n}\\n\\n.footer-links ul {\\n list-style: none;\\n}\\n\\n.footer-links li {\\n margin-bottom: 0.5rem;\\n}\\n\\n.footer-links a {\\n font-size: 0.9rem;\\n color: var(--off-white);\\n}\\n\\n.footer-links a:hover {\\n color: var(--gold);\\n}\\n\\n.footer-social h4 {\\n font-family: 'Old English Five', 'Cinzel Decorative', serif;\\n font-size: 1.2rem;\\n margin-bottom: 0.5rem;\\n color: var(--gold);\\n}\\n\\n.social-icons {\\n display: flex;\\n gap: 1rem;\\n font-size: 1.5rem;\\n}\\n\\n.social-icons a {\\n color: var(--off-white);\\n transition: color 0.2s ease;\\n}\\n\\n.social-icons a:hover {\\n color: var(--gold);\\n}\\n\\n.footer-bottom {\\n text-align: center;\\n font-size: 0.8rem;\\n}\\n\\n/* Responsive adjustments */\\n@media (max-width: 768px) {\\n .hero h1 {\\n font-size: 2.5rem;\\n }\\n .hero .tagline {\\n font-size: 0.9rem;\\n }\\n .story-content {\\n flex-direction: column;\\n }\\n .story-text, .story-image {\\n flex: 1 1 100%;\\n }\\n}\\n\\n/* Journal section */\\n.journal-section {\\n padding: 6rem 0 4rem;\\n background-color: var(--dark-green);\\n text-align: center;\\n}\\n\\n.journal-section h2 {\\n font-family: 'Old English Five', 'Cinzel Decorative', serif;\\n font-size: 2.5rem;\\n line-height: 1.2;\\n color: var(--gold);\\n margin-bottom: 1rem;\\n}\\n\\n.journal-grid {\\n display: grid;\\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\\n gap: 2rem;\\n margin-top: 2rem;\\n}\\n\\n.journal-card {\\n background-color: var(--black);\\n padding: 1.5rem;\\n border-radius: 10px;\\n text-align: left;\\n transition: transform 0.2s ease;\\n}\\n\\n.journal-card:hover {\\n transform: translateY(-5px);\\n}\\n\\n.journal-card img {\\n width: 100%;\\n height: auto;\\n border-radius: 6px;\\n margin-bottom: 1rem;\\n}\\n\\n.journal-card h3 {\\n font-family: 'Old English Five', 'Cinzel Decorative', serif;\\n font-size: 1.3rem;\\n color: var(--gold);\\n margin-bottom: 0.5rem;\\n}\\n\\n.journal-card p {\\n font-size: 0.9rem;\\n color: var(--off-white);\\n margin-bottom: 0.75rem;\\n}\\n\\n.journal-card a {\\n color: var(--gold);\\n text-decoration: underline;\\n font-size: 0.9rem;\\n}\\n\\n/* Contact section */\\n.contact-section {\\n padding: 6rem 0 4rem;\\n background-color: var(--black);\\n}\\n\\n.contact-grid {\\n display: flex;\\n flex-wrap: wrap;\\n gap: 2rem;\\n align-items: flex-start;\\n}\\n\\n.contact-info,\\n.contact-form {\\n flex: 1 1 50%;\\n}\\n\\n.contact-info h3,\\n.contact-form h3 {\\n font-family: 'Old English Five', 'Cinzel Decorative', serif;\\n font-size: 2rem;\\n color: var(--gold);\\n margin-bottom: 1rem;\\n}\\n\\n.contact-info p {\\n font-size: 1rem;\\n margin-bottom: 1rem;\\n color: var(--off-white);\\n}\\n\\n.contact-form form {\\n display: flex;\\n flex-direction: column;\\n gap: 1rem;\\n}\\n\\n.contact-form input,\\n.contact-form textarea {\\n padding: 0.75rem 1rem;\\n background-color: var(--dark-green);\\n border: 1px solid var(--gold);\\n color: var(--off-white);\\n border-radius: 6px;\\n font-size: 1rem;\\n}\\n\\n.contact-form textarea {\\n resize: vertical;\\n min-height: 150px;\\n}\\n\\n.contact-form button {\\n align-self: flex-start;\\n}\\n\\n@media (max-width: 768px) {\\n .contact-grid {\\n flex-direction: column;\\n }\\n .contact-info,\\n .contact-form {\\n flex: 1 1 100%;\\n }\\n}\",\"sanitizeHash\":\"6a5825a57e7e0baf198c9e77dd135f88\"}","compressionEnabled":true,"externalizationEnabled":true,"vueVersion":"^3.5.26","blockId":"catalog","layoutId":"example-catalog","draft":false,"slotId":"custom-bottom-bar"},"data":{"content":"{}","design":"{}","defaults":"null","slotId":"custom-bottom-bar"}},"id":"custom-bottom-bar","html":"

","clientJsUrl":"https://d2vgjz314jo6a7.cloudfront.net/atelier/0.3.0/catalog/example-catalog/slots/custom-bottom-bar/client/client.js","cssUrl":"https://d2vgjz314jo6a7.cloudfront.net/atelier/0.3.0/catalog/example-catalog/slots/custom-bottom-bar/assets/client.css"}]}}