:root {
   --color-cream: #F3E9DC;
   --color-rust: #D96F32;
   --color-rust-dark: #C75D2C;
   --color-sun: #F8B259;
   --color-ink: #222222;
   --color-muted: #6b6b6b;
   --color-surface: #ffffff;
   --color-overlay: rgba(0, 0, 0, 0.6);
   --space-xs: 0.4rem;
   --space-sm: 0.8rem;
   --space-md: 1.2rem;
   --space-lg: 2rem;
   --space-xl: 3rem;
   --radius-pill: 999px;
   --radius-sm: 0.4rem;
   --radius-md: 0.8rem;
   --shadow-soft: 0 6px 18px rgba(0, 0, 0, 0.06);
   --shadow-strong: 0 18px 45px rgba(0, 0, 0, 0.18);
   --transition-fast: 0.16s ease-out;
   --transition-med: 0.22s ease-out;
   --font-display: "Quicksand", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
   --font-body: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
   --text-xs: 0.75rem;
   --text-sm: 0.85rem;
   --text-md: 0.95rem;
   --text-lg: 1.1rem;
   --text-xl: 1.4rem;
   --header-height: 4rem;
 }

 * {
   box-sizing: border-box;
 }

 html {
   font-size: 100%;
   scroll-behavior: smooth;
 }

 body {
   margin: 0;
   min-height: 100vh;
   font-family: var(--font-body);
   font-size: var(--text-md);
   color: var(--color-ink);
   background: radial-gradient(circle at top left, #fdf6ec 0, #f3e9dc 45%, #f0e3d4 100%);
 }

 img {
   max-width: 100%;
   display: block;
 }

 a {
   color: var(--color-rust-dark);
   text-decoration: none;
 }

 a:hover,
 a:focus-visible {
   text-decoration: underline;
 }

 .page-shell {
   min-height: 100vh;
   display: flex;
   flex-direction: column;
 }

 .page-main {
   flex: 1 0 auto;
 }

 .page-footer {
   flex-shrink: 0;
 }

 .wrap {
   width: 100%;
   max-width: 1120px;
   margin: 0 auto;
   padding: 0 var(--space-md);
 }

 .chip {
   display: inline-flex;
   align-items: center;
   gap: 0.4rem;
   padding: 0.1rem 0.7rem;
   border-radius: var(--radius-pill);
   background-color: rgba(217, 111, 50, 0.08);
   color: var(--color-rust-dark);
   font-size: var(--text-xs);
   letter-spacing: 0.08em;
   text-transform: uppercase;
 }

 .btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 0.4rem;
   padding: 0.45rem 1.1rem;
   border-radius: var(--radius-pill);
   border: none;
   font-size: var(--text-sm);
   font-weight: 500;
   cursor: pointer;
   transition: background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);
   background-color: var(--color-rust);
   color: #ffffff;
   box-shadow: var(--shadow-soft);
 }

 .btn:hover,
 .btn:focus-visible {
   background-color: var(--color-rust-dark);
   box-shadow: var(--shadow-strong);
 }

 .btn-secondary {
   background-color: #ffffff;
   color: var(--color-rust-dark);
   border: 1px solid rgba(0, 0, 0, 0.06);
   box-shadow: none;
 }

 .btn-secondary:hover,
 .btn-secondary:focus-visible {
   background-color: var(--color-cream);
   box-shadow: var(--shadow-soft);
 }

 .tag {
   display: inline-block;
   padding: 0.15rem 0.7rem;
   border-radius: var(--radius-pill);
   background-color: rgba(199, 93, 44, 0.06);
   font-size: var(--text-xs);
 }

 .pill-link {
   display: inline-flex;
   align-items: center;
   padding: 0.25rem 0.9rem;
   border-radius: var(--radius-pill);
   border: 1px dashed rgba(0, 0, 0, 0.12);
   font-size: var(--text-xs);
 }

 .meta-text {
   font-size: var(--text-xs);
   text-transform: uppercase;
   letter-spacing: 0.08em;
   color: var(--color-muted);
 }

 .eyebrow {
   font-size: var(--text-xs);
   letter-spacing: 0.16em;
   text-transform: uppercase;
   color: var(--color-muted);
 }

 .section {
   padding: var(--space-xl) 0 var(--space-lg);
 }

 .section-header {
   margin-bottom: var(--space-md);
 }

 .section-title {
   font-family: var(--font-display);
   font-size: var(--text-xl);
   letter-spacing: 0.04em;
   margin: 0 0 var(--space-xs);
 }

 .section-lead {
   max-width: 520px;
   color: var(--color-muted);
   font-size: var(--text-sm);
 }

 .grid {
   display: grid;
   gap: var(--space-md);
 }

 .grid-2 {
   grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
 }

 .grid-3 {
   grid-template-columns: repeat(3, minmax(0, 1fr));
 }

 .card {
   border-radius: var(--radius-md);
   background-color: rgba(255, 255, 255, 0.9);
   box-shadow: var(--shadow-soft);
   padding: var(--space-md);
 }

 .card-ghost {
   border-radius: var(--radius-md);
   border: 1px dashed rgba(0, 0, 0, 0.08);
   padding: var(--space-md);
   background-color: rgba(255, 255, 255, 0.3);
 }

 .badge {
   display: inline-flex;
   align-items: center;
   gap: 0.3rem;
   padding: 0.15rem 0.55rem;
   border-radius: var(--radius-pill);
   background-color: rgba(248, 178, 89, 0.16);
   font-size: var(--text-xs);
 }

 .badge i {
   font-size: 0.8rem;
 }

 .list-compact {
   margin: 0;
   padding-left: 1.1rem;
   font-size: var(--text-sm);
 }

 .list-compact li+li {
   margin-top: 0.15rem;
 }

 .text-muted {
   color: var(--color-muted);
 }

 .text-small {
   font-size: var(--text-xs);
 }

 .z-layout {
   display: grid;
   grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
   gap: var(--space-lg);
   align-items: center;
 }

 .z-layout--reversed {
   grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
 }

 .z-layout+.z-layout {
   margin-top: var(--space-xl);
 }

 .fragment-hero {
   padding: var(--space-lg) 0 var(--space-xl);
 }

 .fragment-hero-inner {
   display: grid;
   grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
   gap: var(--space-lg);
   align-items: center;
 }

 .fragment-copy h1 {
   font-family: var(--font-display);
   font-size: 1.6rem;
   letter-spacing: 0.06em;
   text-transform: uppercase;
   margin: 0 0 var(--space-sm);
 }

 .fragment-copy p {
   margin: 0 0 var(--space-sm);
   color: var(--color-muted);
   font-size: var(--text-sm);
 }

 .fragment-actions {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-sm);
   align-items: center;
 }

 .fragment-meta {
   display: flex;
   flex-wrap: wrap;
   gap: var(--space-sm);
   margin-top: var(--space-sm);
 }

 .fragment-collage {
   position: relative;
   min-height: 15rem;
 }

 .fragment-card-main,
 .fragment-card-secondary,
 .fragment-chip-stack {
   position: absolute;
 }

 .fragment-card-main {
   top: 10%;
   left: 4%;
   right: 6%;
   padding: var(--space-md);
   border-radius: 1rem;
   background: linear-gradient(135deg, #ffffff, #f8efe4);
   box-shadow: var(--shadow-strong);
 }

 .fragment-card-secondary {
   bottom: 4%;
   right: 2%;
   width: 52%;
   padding: var(--space-sm);
   border-radius: 0.9rem;
   background-color: rgba(243, 233, 220, 0.98);
   box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);
 }

 .fragment-chip-stack {
   top: 0;
   right: 12%;
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
 }

 .fragment-chip-stack span {
   display: inline-flex;
   align-items: center;
   gap: 0.3rem;
   padding: 0.2rem 0.7rem;
   border-radius: var(--radius-pill);
   background-color: rgba(199, 93, 44, 0.92);
   color: #ffffff;
   font-size: var(--text-xs);
 }

 .fragment-card-main strong {
   font-size: var(--text-sm);
 }

 .fragment-swatch-row {
   display: flex;
   gap: 0.4rem;
   margin-top: var(--space-sm);
 }

 .fragment-swatch {
   width: 1.2rem;
   height: 1.2rem;
   border-radius: 0.4rem;
 }

 .fragment-swatch:nth-child(1) {
   background-color: var(--color-cream);
 }

 .fragment-swatch:nth-child(2) {
   background-color: var(--color-sun);
 }

 .fragment-swatch:nth-child(3) {
   background-color: var(--color-rust);
 }

 .fragment-swatch:nth-child(4) {
   background-color: var(--color-rust-dark);
 }

 .site-header-shell {
   position: relative;
   z-index: 10;
 }

 .site-header {
   border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
   background: linear-gradient(to bottom, rgba(243, 233, 220, 0.98), rgba(243, 233, 220, 0.85));
   backdrop-filter: blur(12px);
 }

 .site-header-inner {
   display: flex;
   align-items: center;
   justify-content: space-between;
   height: var(--header-height);
 }

 .brand-mark {
   display: block;
 }

 .brand-mark img {
   width: 4rem;
   position: relative;
   z-index: 20;
 }

 .brand-mark img {
   display: inline-block;
   transform: rotate(-5deg);
   transition: transform var(--transition-normal);
 }

 .brand-mark:hover img {
   transform: rotate(0);
 }

 /* Responsive Styles */
 @media (max-width: 992px) {
   .brand-mark img {
     width: 3rem;
     position: relative;
     z-index: 20;
   }
 }

 @media (max-width: 768px) {
   .brand-mark img {
     width: 3rem;
     position: relative;
     z-index: 20;
   }
 }

 @media (max-width: 576px) {
   .brand-mark img {
     width: 2rem;
     position: relative;
     z-index: 20;
   }
 }

 @media (max-width: 400px) {
   .brand-mark img {
     width: 2rem;
     position: relative;
     z-index: 20;
   }
 }

 .brand-logo {
   width: 2.1rem;
   height: 2.1rem;
   border-radius: 0.9rem;
   background: conic-gradient(from 150deg, #f8b259, #d96f32, #f3e9dc, #c75d2c, #f8b259);
   box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
   display: flex;
   align-items: center;
   justify-content: center;
   color: #ffffff;
   font-size: 1rem;
   font-weight: 700;
 }

 .brand-text-title {
   font-family: var(--font-display);
   font-size: var(--text-md);
   letter-spacing: 0.08em;
   text-transform: uppercase;
 }

 .brand-text-sub {
   font-size: var(--text-xs);
   color: var(--color-muted);
 }

 .header-nav-shell {
   display: flex;
   align-items: center;
   gap: var(--space-md);
 }

 .primary-nav {
   display: flex;
   align-items: center;
   gap: 0.35rem;
   padding: 0.15rem;
   border-radius: var(--radius-pill);
   background-color: rgba(255, 255, 255, 0.8);
   box-shadow: var(--shadow-soft);
 }

 .primary-nav a {
   font-size: var(--text-xs);
   padding: 0.25rem 0.7rem;
   border-radius: var(--radius-pill);
   text-decoration: none;
 }

 .primary-nav a.is-active {
   background-color: var(--color-rust);
   color: #ffffff;
 }

 .primary-nav a:hover,
 .primary-nav a:focus-visible {
   background-color: rgba(217, 111, 50, 0.08);
 }

 .header-contact-link {
   font-size: var(--text-xs);
 }

 .header-contact-link a {
   padding: 0.25rem 0.75rem;
   border-radius: var(--radius-pill);
   background-color: rgba(199, 93, 44, 0.12);
 }

 .burger-button {
   display: none;
   width: 2.25rem;
   height: 2.25rem;
   border-radius: var(--radius-pill);
   border: 1px solid rgba(0, 0, 0, 0.12);
   background-color: rgba(255, 255, 255, 0.9);
   display: none;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }

 .burger-icon {
   position: relative;
   width: 1.2rem;
   height: 1rem;
 }

 .burger-line {
   position: absolute;
   left: 0;
   right: 0;
   height: 0.11rem;
   border-radius: 999px;
   background-color: var(--color-ink);
   transition: opacity var(--transition-fast);
 }

 .burger-line:nth-child(1) {
   top: 0;
 }

 .burger-line:nth-child(2) {
   top: 0.45rem;
 }

 .burger-line:nth-child(3) {
   bottom: 0;
 }

 .mobile-nav {
   position: absolute;
   inset-inline: 0;
   top: calc(var(--header-height) - 0.6rem);
   padding: 0 var(--space-md) var(--space-md);
   pointer-events: none;
 }

 .mobile-nav-panel {
   border-radius: 1rem;
   background-color: rgba(255, 255, 255, 0.98);
   box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
   padding: var(--space-md);
   opacity: 0;
   transition: opacity var(--transition-med);
 }

 .mobile-nav.is-open .mobile-nav-panel {
   opacity: 1;
   pointer-events: auto;
 }

 .mobile-nav-list {
   list-style: none;
   margin: 0;
   padding: 0;
   display: flex;
   flex-direction: column;
   gap: 0.35rem;
 }

 .mobile-nav-list a {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 0.4rem 0.7rem;
   border-radius: var(--radius-md);
   font-size: var(--text-sm);
 }

 .mobile-nav-list a:hover,
 .mobile-nav-list a:focus-visible {
   background-color: rgba(217, 111, 50, 0.08);
 }

 .mobile-nav-cta {
   margin-top: var(--space-sm);
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: var(--space-sm);
 }

 .breadcrumbs {
   padding-top: var(--space-sm);
   font-size: var(--text-xs);
   color: var(--color-muted);
 }

 .breadcrumbs a {
   font-size: inherit;
 }

 .breadcrumbs span {
   margin: 0 0.25rem;
 }

 .product-grid {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: var(--space-md);
 }

 .product-card {
   border-radius: var(--radius-md);
   padding: var(--space-md);
   background-color: rgba(255, 255, 255, 0.95);
   box-shadow: var(--shadow-soft);
   display: flex;
   flex-direction: column;
   gap: var(--space-sm);
 }

 .product-price {
   font-weight: 600;
   font-size: var(--text-md);
 }

 .product-meta {
   display: flex;
   justify-content: space-between;
   align-items: center;
   font-size: var(--text-xs);
   color: var(--color-muted);
 }

 .founder-grid {
   display: grid;
   grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
   gap: var(--space-lg);
   align-items: flex-start;
 }

 .founder-list {
   display: grid;
   gap: var(--space-sm);
 }

 .story-timeline {
   border-left: 1px dashed rgba(0, 0, 0, 0.18);
   padding-left: var(--space-md);
   display: grid;
   gap: var(--space-sm);
 }

 .story-timeline-item {
   position: relative;
   padding-left: var(--space-sm);
 }

 .story-timeline-item::before {
   content: "";
   position: absolute;
   left: -0.6rem;
   top: 0.3rem;
   width: 0.45rem;
   height: 0.45rem;
   border-radius: 999px;
   background-color: var(--color-rust);
 }

 .contact-layout {
   display: grid;
   grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr);
   gap: var(--space-lg);
 }

 .contact-form-card {
   border-radius: var(--radius-md);
   padding: var(--space-md);
   background-color: rgba(255, 255, 255, 0.96);
   box-shadow: var(--shadow-soft);
 }

 .contact-form {
   display: grid;
   gap: var(--space-sm);
 }

 .field-label {
   font-size: var(--text-xs);
   text-transform: uppercase;
   letter-spacing: 0.1em;
   color: var(--color-muted);
   margin-bottom: 0.1rem;
 }

 .field-input,
 .field-textarea {
   width: 100%;
   border-radius: var(--radius-sm);
   border: 1px solid rgba(0, 0, 0, 0.14);
   padding: 0.4rem 0.6rem;
   font-size: var(--text-sm);
   font-family: var(--font-body);
   background-color: rgba(255, 255, 255, 0.95);
 }

 .field-textarea {
   resize: vertical;
   min-height: 5rem;
 }

 .field-input:focus-visible,
 .field-textarea:focus-visible {
   outline: 2px solid rgba(217, 111, 50, 0.55);
   border-color: rgba(217, 111, 50, 0.55);
 }

 .field-inline {
   display: flex;
   align-items: flex-start;
   gap: 0.4rem;
   font-size: var(--text-xs);
   color: var(--color-muted);
 }

 .field-inline input[type="checkbox"] {
   margin-top: 0.15rem;
 }

 .contact-highlight-list {
   display: grid;
   gap: var(--space-sm);
 }

 .map-shell {
   border-radius: var(--radius-md);
   overflow: hidden;
   box-shadow: var(--shadow-soft);
 }

 .map-shell iframe {
   border: 0;
   display: block;
   width: 100%;
   height: 260px;
 }

 .info-rows {
   display: grid;
   gap: 0.35rem;
   font-size: var(--text-sm);
 }

 .info-rows span {
   display: block;
 }

 .page-intro {
   padding: var(--space-lg) 0 var(--space-md);
 }

 .page-intro h1 {
   font-family: var(--font-display);
   font-size: 1.4rem;
   letter-spacing: 0.08em;
   text-transform: uppercase;
   margin: 0 0 var(--space-xs);
 }

 .page-intro p {
   margin: 0;
   color: var(--color-muted);
   font-size: var(--text-sm);
 }

 .policy-layout {
   padding: var(--space-lg) 0 var(--space-xl);
 }

 .policy-section+.policy-section {
   margin-top: var(--space-md);
 }

 .policy-section h2 {
   font-size: 1rem;
   margin: 0 0 0.3rem;
 }

 .policy-section p {
   margin: 0 0 0.3rem;
   font-size: var(--text-sm);
 }

 .policy-section ul {
   margin: 0;
   padding-left: 1.1rem;
   font-size: var(--text-sm);
 }

 .policy-section ul li+li {
   margin-top: 0.15rem;
 }

 .thank-shell {
   padding: var(--space-xl) 0 var(--space-xl);
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .thank-card {
   max-width: 480px;
   border-radius: 1rem;
   padding: var(--space-lg);
   background-color: rgba(255, 255, 255, 0.96);
   box-shadow: var(--shadow-strong);
   text-align: center;
 }

 .thank-card h1 {
   margin: 0 0 var(--space-sm);
   font-size: 1.3rem;
 }

 .thank-card p {
   margin: 0 0 var(--space-md);
   font-size: var(--text-sm);
   color: var(--color-muted);
 }

 .error-shell {
   padding: var(--space-xl) 0 var(--space-xl);
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .error-card {
   max-width: 480px;
   border-radius: 1rem;
   padding: var(--space-lg);
   background-color: rgba(255, 255, 255, 0.96);
   box-shadow: var(--shadow-soft);
   text-align: center;
 }

 .error-code {
   font-size: 2rem;
   letter-spacing: 0.3em;
   margin-bottom: var(--space-xs);
 }

 .site-footer {
   padding: var(--space-lg) 0 var(--space-md);
   background: linear-gradient(to top, rgba(243, 233, 220, 0.96), rgba(243, 233, 220, 0.75));
   border-top: 1px dashed rgba(0, 0, 0, 0.08);
 }

 .footer-grid {
   display: grid;
   grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
   gap: var(--space-md);
   font-size: var(--text-xs);
 }

 .footer-heading {
   font-weight: 600;
   margin-bottom: 0.3rem;
   text-transform: uppercase;
   letter-spacing: 0.12em;
 }

 .footer-links {
   list-style: none;
   padding: 0;
   margin: 0;
   display: grid;
   gap: 0.15rem;
 }

 .footer-meta {
   margin-top: var(--space-md);
   font-size: var(--text-xs);
   color: var(--color-muted);
   display: flex;
   justify-content: space-between;
   gap: var(--space-sm);
   flex-wrap: wrap;
 }

 .footer-meta span {
   white-space: nowrap;
 }

 .footer-meta .grow {
   white-space: normal;
 }

 .policy-popup-shell {
   position: fixed;
   inset: 0;
   display: flex;
   align-items: flex-end;
   justify-content: center;
   pointer-events: none;
 }

 .policy-popup {
   margin: var(--space-md);
   max-width: 420px;
   border-radius: 0.9rem;
   background-color: rgba(34, 34, 34, 0.96);
   color: #ffffff;
   padding: var(--space-md);
   box-shadow: 0 18px 40px rgba(0, 0, 0, 0.55);
   font-size: var(--text-xs);
   opacity: 0;
   transition: opacity var(--transition-med);
 }

 .policy-popup.is-visible {
   opacity: 1;
   pointer-events: auto;
 }

 .policy-popup h2 {
   margin: 0 0 0.3rem;
   font-size: var(--text-sm);
 }

 .policy-popup p {
   margin: 0 0 0.4rem;
 }

 .policy-popup-actions {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 0.4rem;
 }

 .policy-popup-actions a {
   color: #ffffff;
   text-decoration: underline;
 }

 .policy-popup button {
   border-radius: var(--radius-pill);
   border: none;
   padding: 0.25rem 0.9rem;
   font-size: var(--text-xs);
   cursor: pointer;
   background-color: var(--color-sun);
   color: #222222;
 }

 .policy-popup button:hover,
 .policy-popup button:focus-visible {
   background-color: var(--color-rust);
   color: #ffffff;
 }

 .reveal {
   opacity: 0;
   transform: translateY(0.6rem);
   transition: opacity var(--transition-med), transform var(--transition-med);
 }

 .reveal.is-visible {
   opacity: 1;
   transform: translateY(0);
 }

 .highlight-strip {
   border-radius: var(--radius-md);
   background: linear-gradient(90deg, rgba(248, 178, 89, 0.18), rgba(243, 233, 220, 0.95));
   padding: var(--space-md);
   display: grid;
   grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
   gap: var(--space-md);
   align-items: center;
   box-shadow: var(--shadow-soft);
   font-size: var(--text-sm);
 }

 .highlight-strip-badges {
   display: flex;
   flex-wrap: wrap;
   gap: 0.35rem;
   justify-content: flex-end;
 }

 .highlight-strip-badges .badge {
   background-color: rgba(217, 111, 50, 0.18);
 }

 .faq-section {
   padding: var(--space-xl) 0 var(--space-lg);
 }

 .faq-grid {
   display: grid;
   grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
   gap: var(--space-lg);
 }

 .faq-list {
   display: grid;
   gap: 0.4rem;
 }

 .faq-item {
   border-radius: var(--radius-md);
   border: 1px solid rgba(0, 0, 0, 0.08);
   background-color: rgba(255, 255, 255, 0.9);
 }

 .faq-toggle {
   width: 100%;
   padding: 0.6rem var(--space-md);
   border: none;
   background: none;
   display: flex;
   justify-content: space-between;
   align-items: center;
   font-size: var(--text-sm);
   cursor: pointer;
 }

 .faq-toggle span {
   text-align: left;
 }

 .faq-toggle i {
   font-size: 0.8rem;
 }

 .faq-panel {
   padding: 0 var(--space-md) var(--space-sm);
   font-size: var(--text-sm);
   color: var(--color-muted);
   max-height: 0;
   overflow: hidden;
   opacity: 0;
   transition: max-height var(--transition-med), opacity var(--transition-med);
 }

 .faq-item.is-open .faq-panel {
   opacity: 1;
   max-height: 200px;
 }

 @media (max-width: 960px) {
   .fragment-hero-inner {
     grid-template-columns: minmax(0, 1.1fr);
   }

   .fragment-collage {
     min-height: 13rem;
     margin-top: var(--space-md);
   }

   .z-layout,
   .z-layout--reversed,
   .product-grid,
   .founder-grid,
   .contact-layout {
     grid-template-columns: minmax(0, 1fr);
   }

   .product-grid {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .footer-grid {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .highlight-strip {
     grid-template-columns: minmax(0, 1fr);
   }

   .faq-grid {
     grid-template-columns: minmax(0, 1fr);
   }
 }

 @media (max-width: 720px) {
   .site-header-inner {
     align-items: center;
   }

   .primary-nav,
   .header-contact-link {
     display: none;
   }

   .burger-button {
     display: inline-flex;
   }

   .fragment-copy h1 {
     font-size: 1.35rem;
   }

   .section {
     padding: var(--space-lg) 0 var(--space-md);
   }

   .product-grid {
     grid-template-columns: minmax(0, 1fr);
   }

   .footer-grid {
     grid-template-columns: minmax(0, 1fr);
   }
 }

 @media (max-width: 480px) {
   .wrap {
     padding-inline: var(--space-sm);
   }

   .fragment-card-main {
     right: 2%;
   }

   .fragment-card-secondary {
     width: 70%;
   }

   .policy-popup {
     margin-inline: var(--space-sm);
   }
 }

 @media (prefers-reduced-motion: reduce) {

   .reveal,
   .reveal.is-visible {
     transition: none;
     transform: none;
   }

   .faq-panel {
     transition: none;
     max-height: none;
     opacity: 1;
   }
 }