/* Home (Website_10 reference) — part 2/2. Generated from the reference's Tailwind output and scoped under .hv10.
   Source of truth: Website_10/homepage.html. Do not hand-edit utilities; regenerate instead. */
.hv10 .font-body-sm{font-family:Plus Jakarta Sans}
.hv10 .font-display-lg{font-family:EB Garamond}
.hv10 .font-headline-lg{font-family:EB Garamond}
.hv10 .font-headline-sm{font-family:EB Garamond}
.hv10 .font-label-lg{font-family:Plus Jakarta Sans}
.hv10 .font-label-md{font-family:Plus Jakarta Sans}
.hv10 .font-label-sm{font-family:Plus Jakarta Sans}
.hv10 .font-serif{font-family:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif}
.hv10 .font-title-lg{font-family:Plus Jakarta Sans}
.hv10 .font-title-md{font-family:Plus Jakarta Sans}
.hv10 .text-3xl{font-size:1.875rem;line-height:2.25rem}
.hv10 .text-4xl{font-size:2.25rem;line-height:2.5rem}
.hv10 .text-\[10px\]{font-size:10px}
.hv10 .text-\[11px\]{font-size:11px}
.hv10 .text-\[12px\]{font-size:12px}
.hv10 .text-\[14px\]{font-size:14px}
.hv10 .text-\[16px\]{font-size:16px}
.hv10 .text-\[18px\]{font-size:18px}
.hv10 .text-\[20px\]{font-size:20px}
.hv10 .text-\[22px\]{font-size:22px}
.hv10 .text-\[24px\]{font-size:24px}
.hv10 .text-base{font-size:1rem;line-height:1.5rem}
.hv10 .text-body-lg{font-size:18px;line-height:28px;letter-spacing:0;font-weight:400}
.hv10 .text-body-md{font-size:15px;line-height:24px;letter-spacing:0.01em;font-weight:400}
.hv10 .text-body-sm{font-size:13px;line-height:20px;letter-spacing:0.01em;font-weight:400}
.hv10 .text-label-lg{font-size:13px;line-height:16px;letter-spacing:0.08em;font-weight:600}
.hv10 .text-label-md{font-size:11px;line-height:14px;letter-spacing:0.12em;font-weight:600}
.hv10 .text-lg{font-size:1.125rem;line-height:1.75rem}
.hv10 .text-sm{font-size:0.875rem;line-height:1.25rem}
.hv10 .text-xl{font-size:1.25rem;line-height:1.75rem}
.hv10 .text-xs{font-size:0.75rem;line-height:1rem}
.hv10 .font-bold{font-weight:700}
.hv10 .font-medium{font-weight:500}
.hv10 .font-normal{font-weight:400}
.hv10 .font-semibold{font-weight:600}
.hv10 .uppercase{text-transform:uppercase}
.hv10 .italic{font-style:italic}
.hv10 .leading-\[1\.1\]{line-height:1.1}
.hv10 .leading-relaxed{line-height:1.625}
.hv10 .leading-tight{line-height:1.25}
.hv10 .tracking-wide{letter-spacing:0.025em}
.hv10 .tracking-wider{letter-spacing:0.05em}
.hv10 .tracking-widest{letter-spacing:0.1em}
.hv10 .text-on-primary{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.hv10 .text-on-secondary-container{--tw-text-opacity:1;color:rgb(28 58 94 / var(--tw-text-opacity, 1))}
.hv10 .text-on-secondary-fixed{--tw-text-opacity:1;color:rgb(20 48 76 / var(--tw-text-opacity, 1))}
.hv10 .text-on-surface{--tw-text-opacity:1;color:rgb(36 16 22 / var(--tw-text-opacity, 1))}
.hv10 .text-on-surface-variant{--tw-text-opacity:1;color:rgb(110 71 80 / var(--tw-text-opacity, 1))}
.hv10 .text-outline{--tw-text-opacity:1;color:rgb(151 127 133 / var(--tw-text-opacity, 1))}
.hv10 .text-primary{--tw-text-opacity:1;color:rgb(58 8 16 / var(--tw-text-opacity, 1))}
.hv10 .text-primary-fixed-dim{--tw-text-opacity:1;color:rgb(247 184 189 / var(--tw-text-opacity, 1))}
.hv10 .text-secondary{--tw-text-opacity:1;color:rgb(40 78 121 / var(--tw-text-opacity, 1))}
.hv10 .text-surface-tint{--tw-text-opacity:1;color:rgb(171 33 55 / var(--tw-text-opacity, 1))}
.hv10 .text-tertiary-fixed{--tw-text-opacity:1;color:rgb(242 228 231 / var(--tw-text-opacity, 1))}
.hv10 .text-tertiary-fixed-dim{--tw-text-opacity:1;color:rgb(217 185 191 / var(--tw-text-opacity, 1))}
.hv10 .line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}
.hv10 .shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.hv10 .shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.hv10 .shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.hv10 .shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.hv10 .shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.hv10 .shadow-xl{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.hv10 .shadow-primary-container\/20{--tw-shadow-color:rgb(110 18 32 / 0.2);--tw-shadow:var(--tw-shadow-colored)}
.hv10 .backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
.hv10 .backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
.hv10 .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.hv10 .transition-colors{transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.hv10 .transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.hv10 .transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}
.hv10 .duration-300{transition-duration:300ms}
.hv10 .duration-500{transition-duration:500ms}
.hv10 .\[-ms-overflow-style\:none\]{-ms-overflow-style:none}
.hv10 .\[scrollbar-width\:none\]{scrollbar-width:none}
.hv10 .hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.hv10 .hover\:bg-primary:hover{--tw-bg-opacity:1;background-color:rgb(58 8 16 / var(--tw-bg-opacity, 1))}
.hv10 .hover\:bg-primary-container:hover{--tw-bg-opacity:1;background-color:rgb(110 18 32 / var(--tw-bg-opacity, 1))}
.hv10 .hover\:bg-surface-container:hover{--tw-bg-opacity:1;background-color:rgb(245 233 235 / var(--tw-bg-opacity, 1))}
.hv10 .hover\:bg-surface-container-high:hover{--tw-bg-opacity:1;background-color:rgb(239 223 226 / var(--tw-bg-opacity, 1))}
.hv10 .hover\:bg-surface-container-lowest:hover{--tw-bg-opacity:1;background-color:rgb(253 251 252 / var(--tw-bg-opacity, 1))}
.hv10 .hover\:bg-tertiary-fixed:hover{--tw-bg-opacity:1;background-color:rgb(242 228 231 / var(--tw-bg-opacity, 1))}
.hv10 .hover\:text-on-primary:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.hv10 .hover\:text-secondary:hover{--tw-text-opacity:1;color:rgb(40 78 121 / var(--tw-text-opacity, 1))}
.hv10 .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.hv10 .hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}
.hv10 .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}
.hv10 .active\:scale-90:active{--tw-scale-x:.9;--tw-scale-y:.9;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.hv10 .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
.hv10 .group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.hv10 .group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
.hv10 .group:hover .group-hover\:text-surface-tint{--tw-text-opacity:1;color:rgb(171 33 55 / var(--tw-text-opacity, 1))}
@media (min-width: 640px){
  .hv10 .sm\:-left-8{left:-2rem}
  .hv10 .sm\:-right-6{right:-1.5rem}
  .hv10 .sm\:mt-0{margin-top:0px}
  .hv10 .sm\:w-\[47\%\]{width:47%}
  .hv10 .sm\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
  .hv10 .sm\:flex-row{flex-direction:row}
  .hv10 .sm\:items-end{align-items:flex-end}
  .hv10 .sm\:gap-6{gap:1.5rem}
  .hv10 .sm\:space-y-6 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}
  .hv10 .sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}
  .hv10 .sm\:text-5xl{font-size:3rem;line-height:1}
}
@media (min-width: 768px){
  .hv10 .md\:mt-0{margin-top:0px}
  .hv10 .md\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
  .hv10 .md\:flex-row{flex-direction:row}
  .hv10 .md\:items-end{align-items:flex-end}
  .hv10 .md\:self-auto{align-self:auto}
  .hv10 .md\:px-margin{padding-left:3.5rem;padding-right:3.5rem}
  .hv10 .md\:py-24{padding-top:6rem;padding-bottom:6rem}
  .hv10 .md\:py-28{padding-top:7rem;padding-bottom:7rem}
  .hv10 .md\:pb-20{padding-bottom:5rem}
  .hv10 .md\:pt-8{padding-top:2rem}
  .hv10 .md\:text-4xl{font-size:2.25rem;line-height:2.5rem}
}
@media (min-width: 1024px){
  .hv10 .lg\:col-span-5{grid-column:span 5 / span 5}
  .hv10 .lg\:col-span-7{grid-column:span 7 / span 7}
  .hv10 .lg\:w-\[calc\(25\%-18px\)\]{width:calc(25% - 18px)}
  .hv10 .lg\:max-w-none{max-width:none}
  .hv10 .lg\:grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}
  .hv10 .lg\:grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
  .hv10 .lg\:grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}
  .hv10 .lg\:gap-8{gap:2rem}
  .hv10 .lg\:pb-24{padding-bottom:6rem}
  .hv10 .lg\:pt-10{padding-top:2.5rem}
  .hv10 .lg\:text-5xl{font-size:3rem;line-height:1}
  .hv10 .lg\:text-6xl{font-size:3.75rem;line-height:1}
}
.hv10 .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}
.hv10 .icon{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.hv10 .tilt-scene{perspective:1600px;}
.hv10 .tilt-card{ transform-style:preserve-3d; will-change:transform; transition:box-shadow .4s ease; backface-visibility:hidden; }
.hv10 .tilt-card:hover{ box-shadow:0 34px 60px -18px rgba(34,4,10,.38), 0 14px 28px -14px rgba(34,4,10,.28); z-index:5; }
.hv10 .tilt-card-img{ will-change:transform; transform:scale(1.001) translateZ(0); }
.hv10 .tilt-shine{ position:absolute; inset:0; pointer-events:none; opacity:0; transition:opacity .35s ease; background:radial-gradient(circle at var(--tx,50%) var(--ty,50%), rgba(255,255,255,.55), transparent 55%); mix-blend-mode:overlay; }
.hv10 .tilt-card:hover .tilt-shine{opacity:1;}
@media (prefers-reduced-motion: reduce){
  .hv10 .tilt-card,.hv10 .tilt-card-img{transition:none !important; transform:none !important;}
}