.brinda-story { position: relative; width: 100vw; margin-inline: calc(50% - 50vw); overflow: hidden; padding-block: clamp(5rem, 10vw, 9.5rem); background: var(--color-surface); }
.brinda-story__grid { display: grid; align-items: center; gap: clamp(3.5rem, 8vw, 9rem); grid-template-columns: minmax(0, 1.04fr) minmax(18rem, .96fr); }
.brinda-story__visual { position: relative; min-height: clamp(28rem, 46vw, 41rem); overflow: hidden; border: 1px solid color-mix(in srgb, var(--color-primary) 12%, transparent); border-radius: 50% 50% 44% 44% / 37% 37% 25% 25%; background: radial-gradient(circle at 50% 38%, #f8f4e9, #e5d9bf); box-shadow: 0 2rem 5rem color-mix(in srgb, var(--color-primary) 13%, transparent); cursor: grab; }
.brinda-story__canvas, .brinda-story__canvas canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.brinda-story__visual-note { position: absolute; bottom: var(--space-6); left: 50%; z-index: 1; display: inline-flex; align-items: center; gap: var(--space-3); margin: 0; color: var(--color-primary); font-family: var(--font-accent); font-size: var(--font-size-xs); font-weight: 700; letter-spacing: .13em; text-transform: uppercase; transform: translateX(-50%); }
.brinda-story__visual-note span, .brinda-story__eyebrow::before { width: 2.75rem; height: 1px; background: var(--color-secondary); content: ""; }
.brinda-story__content { max-width: 39rem; }.brinda-story__eyebrow { display: flex; align-items: center; gap: var(--space-3); margin: 0 0 var(--space-5); color: var(--color-primary); font-family: var(--font-accent); font-size: var(--font-size-xs); font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.brinda-story__title { max-width: 10ch; margin: 0; color: var(--color-primary); font-family: var(--font-heading); font-size: clamp(3rem, 5vw, 5.4rem); font-weight: 600; line-height: .95; letter-spacing: -.035em; }.brinda-story__title em { color: var(--color-secondary); font-weight: 500; }
.brinda-story__copy { display: grid; gap: var(--space-5); margin-top: var(--space-7); color: var(--color-text); font-size: clamp(var(--font-size-base), 1.18vw, var(--font-size-lg)); line-height: var(--line-height-relaxed); }.brinda-story__copy p { margin: 0; }
.brinda-story__link { display: inline-flex; align-items: center; gap: var(--space-3); margin-top: var(--space-7); padding-bottom: var(--space-2); border-bottom: 1px solid var(--color-secondary); color: var(--color-primary); font-family: var(--font-accent); font-size: var(--font-size-sm); font-weight: 700; text-decoration: none; transition: color var(--transition-default), gap var(--transition-default); }.brinda-story__link:hover, .brinda-story__link:focus-visible { gap: var(--space-4); color: var(--color-secondary); }
@media (max-width: 991.98px) { .brinda-story__grid { gap: var(--space-8); grid-template-columns: 1fr; }.brinda-story__visual { width: min(100%, 40rem); margin-inline: auto; }.brinda-story__content { max-width: 44rem; margin-inline: auto; } }
@media (max-width: 575.98px) { .brinda-story { padding-block: var(--space-9); }.brinda-story__visual { min-height: 25rem; }.brinda-story__title { font-size: clamp(2.75rem, 14vw, 4rem); } }.brinda-story__fallback { position: absolute; inset: 9% 12% 14%; width: 76%; height: 76%; filter: drop-shadow(0 1.25rem 1.25rem rgba(28, 72, 45, .18)); }
.brinda-story__visual[data-tulsi-ready="true"] .brinda-story__fallback { opacity: 0; visibility: hidden; }
/* Transparent botanical sketch supplied by the project image-generation workflow. */
.tulsi-art-sketch { position: absolute; inset: 2% 8% 9%; width: 84%; height: 89%; object-fit: contain; filter: drop-shadow(0 1.5rem 1.4rem color-mix(in srgb, var(--color-primary) 20%, transparent)); transform-origin: 50% 86%; transition: transform .7s cubic-bezier(.22, 1, .36, 1), filter .45s ease; will-change: transform; }
.brinda-story__visual.is-tulsi-active .tulsi-art-sketch { filter: drop-shadow(0 1.8rem 1.65rem color-mix(in srgb, var(--color-primary) 26%, transparent)) saturate(1.05); }
@media (prefers-reduced-motion: reduce) { .tulsi-art-sketch { transition: none; } }