.brand-story{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 83% 18%,#71b44a13,transparent 56%),#0a1419;border-block:1px solid #91bca51e}
.brand-story::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#98cdb806 1px,transparent 1px),linear-gradient(90deg,#98cdb806 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,#000)}
.brand-story-heading{position:relative;max-width:930px;padding-right:110px;margin-bottom:50px}
.brand-story-heading h2{max-width:770px;line-height:1.32;text-wrap:balance}
.brand-story-heading>p:not(.eyebrow){max-width:720px;color:#adbfba;line-height:1.95;font-size:clamp(15px,1.15vw,17px);margin-top:24px;overflow-wrap:anywhere}
.brand-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.brand-story .brand-story-card{position:relative;min-width:0;padding:32px 30px 35px;border:1px solid #99c5b32b;border-radius:3px;background:linear-gradient(150deg,#16302c7a,#0c171ce6);overflow:hidden;height:auto}
.brand-story-card::before{content:"";position:absolute;left:0;top:0;width:45px;height:2px;background:#b7da95;box-shadow:0 0 12px #b7da9555}
.brand-story-index{display:block;color:#b7da95;font:400 12px/1.8 ui-monospace,monospace;letter-spacing:.13em;margin-bottom:28px}
.brand-story-card h3{font-size:clamp(20px,1.7vw,25px);line-height:1.4;letter-spacing:0;margin:0 0 18px;text-wrap:balance}
.brand-story-card p{margin:0;color:#aebfba;font-size:14px;line-height:1.95;overflow-wrap:anywhere}
.brand-story-orbit{position:absolute;right:-125px;top:-30px;width:240px;height:240px;border:1px solid #a6d68b2b;border-radius:50%;background:radial-gradient(circle at 35% 30%,#afe08018,transparent 65%);box-shadow:inset 0 0 44px #70a86b0a;pointer-events:none;opacity:.75}
.brand-story-orbit::before,.brand-story-orbit::after{content:"";position:absolute;inset:40px -20px;border:1px solid #9ccdab42;border-radius:50%;transform:rotate(-32deg)}
.brand-story-orbit::after{inset:-15px 65px;transform:rotate(35deg);border-color:#87d8cb29}
.brand-story-preview{position:relative;isolation:isolate;background:radial-gradient(ellipse at 18% 55%,#426d3930,transparent 48%),#0b1217;overflow:hidden;border-top:1px solid #9dc2ad24}
.brand-preview-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,7vw,100px);align-items:center}
.brand-preview-copy{min-width:0;max-width:730px}
.brand-preview-copy h2{font-size:clamp(29px,3.6vw,50px);line-height:1.35;text-wrap:balance}
.brand-preview-copy p{font-size:clamp(14px,1.2vw,17px);line-height:1.9;color:#afc1b9;margin:25px 0 30px;max-width:640px;overflow-wrap:anywhere}
.brand-preview-copy .text-link{display:inline-flex;align-items:center;gap:22px;line-height:1.6}
.brand-preview-mark{position:relative;aspect-ratio:1;max-width:330px;width:90%;margin:auto;border:1px solid #a9d38c45;border-radius:50%;background:radial-gradient(circle at 35% 26%,#b9e79a1f,transparent 45%),radial-gradient(circle at 60% 65%,#32655422,transparent 65%);box-shadow:inset -25px -20px 45px #0006,0 0 70px #80b36a09;transform:rotate(-23deg);pointer-events:none}
.brand-preview-mark::before,.brand-preview-mark::after{content:"";position:absolute;inset:-9% 22%;border:1px solid #89bb7f38;border-radius:50%}
.brand-preview-mark::after{inset:28% -16%;border-color:#b5dab85c;transform:rotate(7deg)}
.brand-preview-mark>span{position:absolute;inset:15% -2%;border:1px solid #73a89630;border-radius:50%}
.brand-preview-mark>span:nth-child(2){inset:6% 30%;border-color:#91b8a330}
.brand-preview-mark>span:nth-child(3){inset:21% auto auto 14%;width:7px;height:7px;background:#c7e8ab;border:0;box-shadow:0 0 15px #b7df9766}
@media(max-width:1000px){.brand-story-heading{padding-right:90px}.brand-story-orbit{right:-30px;top:0;width:170px;height:170px;opacity:.5}.brand-story-grid{gap:14px}.brand-story .brand-story-card{padding:25px 23px}.brand-preview-inner{gap:45px;grid-template-columns:.7fr 1.3fr}}
@media(max-width:760px){.brand-story-heading{padding-right:0;margin-bottom:32px}.brand-story-heading h2{font-size:clamp(28px,6vw,39px)}.brand-story-heading>p:not(.eyebrow){position:relative;font-size:14px}.brand-story-orbit{right:-55px;top:-30px;opacity:.22;z-index:-1}.brand-story-grid{grid-template-columns:1fr;gap:14px}.brand-story .brand-story-card{padding:25px 24px}.brand-story-index{margin-bottom:15px;font-size:11px}.brand-story-card h3{font-size:21px;margin-bottom:13px}.brand-story-card p{font-size:14px}.brand-preview-inner{grid-template-columns:1fr;gap:35px}.brand-preview-mark{width:155px;justify-self:start;margin:0 0 0 28px}.brand-preview-copy p{margin:20px 0 24px}.brand-preview-copy .text-link{font-size:14px}}
@media(max-width:360px){.brand-story .brand-story-card{padding:23px 20px}.brand-story-card h3{font-size:20px}.brand-preview-copy h2{font-size:27px}.brand-preview-mark{width:135px}.brand-story-heading h2{font-size:27px}}