.about-story{position:relative;margin:28px 4% 0;padding:64px 5%;overflow:hidden;border:1px solid rgba(49,91,75,.14);border-radius:24px;background:linear-gradient(135deg,#f5eee2 0%,#fbf9f5 72%);box-shadow:0 18px 45px rgba(42,61,52,.055)}
.about-story:after{content:"A";position:absolute;right:-18px;bottom:-92px;color:rgba(49,91,75,.045);font:500 320px/1 "Playfair Display",serif;pointer-events:none}
.about-story:before{content:"";position:absolute;left:5%;top:0;width:70px;height:3px;background:#c2a165}
.about-story>div:nth-child(2){align-self:center}
.story-number{width:58px;height:58px;border:0;border-radius:0;display:block;background:url("assets/mark.svg") center/contain no-repeat;font-size:0;filter:drop-shadow(0 7px 12px rgba(49,91,75,.12));animation:alaya-breathe 3.2s ease-in-out infinite;transform-origin:center}
@keyframes alaya-breathe{0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 7px 12px rgba(49,91,75,.1))}50%{transform:translateY(-4px) scale(1.045);filter:drop-shadow(0 12px 18px rgba(194,161,101,.28))}}
@media(prefers-reduced-motion:reduce){.story-number{animation:none}}
.story-copy{position:relative;z-index:1;padding:28px 32px;border-left:1px solid rgba(49,91,75,.13);background:rgba(255,255,255,.45)}
.story-copy p{font-family:"Cormorant Garamond",serif;font-size:17px;font-weight:500;line-height:1.68;letter-spacing:.006em;color:#56665e}
.story-copy p:first-child::first-letter{float:none;margin:0 1px 0 0;color:#315b4b;font-family:"Playfair Display",serif;font-size:47px;font-weight:500;line-height:.76;vertical-align:1px}
.story-copy p:last-child{margin-bottom:0}
.about-principles{padding:64px 7% 86px}
.principle-grid{gap:16px;border-top:0}
.principle-grid article,.principle-grid article:first-child{position:relative;min-height:220px;padding:30px;border:1px solid rgba(49,91,75,.13);border-radius:18px;background:#fbfaf7;box-shadow:0 12px 28px rgba(42,61,52,.045);transition:transform .3s ease,box-shadow .3s ease}
.principle-grid article:last-child{border-right:1px solid rgba(49,91,75,.13)}
.principle-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(42,61,52,.08)}
.principle-grid article:after{content:"";position:absolute;left:30px;bottom:24px;width:34px;height:2px;background:#c2a165}
.principle-grid span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e9dfd0;color:#315b4b}
.principle-grid h3{margin-top:24px}
@media(max-width:900px){.about-story{grid-template-columns:6% 43% 1fr;gap:28px;margin-inline:2%;padding:52px 4%}.story-copy{padding:24px}}
@media(max-width:800px){.about-story{grid-template-columns:1fr;margin:18px 0 0;padding:46px 26px}.about-story>div:nth-child(2){align-self:stretch}.story-copy{border-left:0;border-top:1px solid rgba(49,91,75,.13);padding:25px 0 0;background:none}.story-copy p{font-size:16px;line-height:1.65}.about-story:after{font-size:230px}.principle-grid{gap:12px}.principle-grid article,.principle-grid article:first-child{padding:28px;min-height:190px}}

.principle-grid span{display:block;width:32px;height:32px;border:0;border-radius:0;font-size:0;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:32px 32px}
.principle-grid span:before{content:none}
.principle-grid article:nth-child(1) span{background-image:url("https://api.iconify.design/lucide/ear.svg?color=%23315b4b")}
.principle-grid article:nth-child(2) span{background-image:url("https://api.iconify.design/lucide/sparkles.svg?color=%23315b4b")}
.principle-grid article:nth-child(3) span{background-image:url("https://api.iconify.design/lucide/shield-check.svg?color=%23315b4b")}