/* Isolated styles: affect only .bojic-about, no changes to current website CSS */
.bojic-about{--ba-green:#0c352a;--ba-dark:#08251e;--ba-gold:#d2b57a;--ba-ink:#18352c;--ba-paper:#f8f7f2;--ba-muted:#66796e;background:var(--ba-paper);color:var(--ba-ink);font:inherit;overflow:hidden}
.bojic-about *{box-sizing:border-box}
.bojic-about .ba-wrap{width:min(1160px,calc(100% - 48px));margin:auto}
.bojic-about h1,.bojic-about h2,.bojic-about h3,.bojic-about p{margin:0}
.bojic-about h1,.bojic-about h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.04em;line-height:1.12}
.bojic-about em{font-style:normal;color:var(--ba-gold)}
.bojic-about .ba-eyebrow,.bojic-about .ba-section-label{color:var(--ba-gold);font:700 12px/1.4 Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase}
.bojic-about .ba-button{display:inline-flex;gap:28px;align-items:center;background:var(--ba-gold);color:#112c22;text-decoration:none;padding:15px 23px;border-radius:3px;font-weight:700;font-size:14px;transition:transform .2s}
.bojic-about .ba-button:hover{transform:translateY(-2px)}
.bojic-about .ba-hero{background:radial-gradient(circle at 85% 20%,#245444 0%,transparent 40%),linear-gradient(125deg,#071f1a,#123d31);padding:102px 0 112px;color:white}
.bojic-about .ba-hero h1{font-size:clamp(44px,6.5vw,88px);margin:20px 0 24px;max-width:900px}
.bojic-about .ba-intro{max-width:650px;color:#d1ddd5;font-size:clamp(17px,2vw,21px);line-height:1.65;margin-bottom:32px}
.bojic-about .ba-story{padding-top:100px;padding-bottom:110px;display:grid;grid-template-columns:1fr 2fr;gap:64px}
.bojic-about .ba-story .ba-section-label{color:#a78c53;padding-top:14px}
.bojic-about .ba-story h2,.bojic-about .ba-owner h2{font-size:clamp(33px,4vw,55px);margin-bottom:30px}
.bojic-about .ba-story h2 em,.bojic-about .ba-owner h2 em{color:#9d7f46}
.bojic-about .ba-story p{font-size:17px;line-height:1.9;color:#4c6558;margin-top:19px}
.bojic-about .ba-timeline{background:#103a2f;color:white;padding:95px 0 105px}
.bojic-about .ba-timeline h2{font-size:clamp(35px,5vw,58px);margin:18px 0 54px}
.bojic-about .ba-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.bojic-about .ba-step{background:#194a3b;border:1px solid #456756;border-radius:4px;padding:32px 28px;min-height:256px}
.bojic-about .ba-step-marker{color:#e4c88c;font:600 29px/1.2 Georgia,serif;margin-bottom:29px}
.bojic-about .ba-step h3{font-size:21px;font-weight:650;line-height:1.4;margin-bottom:14px}
.bojic-about .ba-step p{font-size:15px;line-height:1.75;color:#d1e0d7}
.bojic-about .ba-owner{display:grid;grid-template-columns:minmax(220px,390px) minmax(0,1fr);align-items:center;gap:clamp(35px,6vw,100px);padding-top:115px;padding-bottom:115px}
.bojic-about .ba-owner-photo{aspect-ratio:1;width:100%;max-width:390px;border-radius:50%;overflow:hidden;border:7px solid var(--ba-gold);box-shadow:0 20px 70px #142e2730;background:#dddbd3}
.bojic-about .ba-owner-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%}
.bojic-about .ba-owner .ba-section-label{color:#a78c53;margin-bottom:23px}
.bojic-about .ba-owner blockquote{font:italic clamp(18px,2.25vw,25px)/1.7 Georgia,serif;color:#385447;border-left:3px solid var(--ba-gold);padding-left:25px;margin:28px 0}
.bojic-about .ba-signature{display:flex;flex-direction:column;border-top:1px solid #d6d8ce;padding-top:22px;gap:7px}
.bojic-about .ba-signature strong{font-size:18px;color:#173e2d}
.bojic-about .ba-signature span{color:var(--ba-muted);font-size:14px}
.bojic-about .ba-end{text-align:center;background:#09271f;color:white;padding:90px 0 105px}
.bojic-about .ba-end h2{font-size:clamp(34px,4.5vw,60px);margin:20px 0}
.bojic-about .ba-end p:not(.ba-section-label){color:#ccddd2;font-size:17px;margin-bottom:28px}
@media(max-width:760px){.bojic-about .ba-wrap{width:min(100% - 36px,560px)}.bojic-about .ba-hero{padding:72px 0 84px}.bojic-about .ba-story{padding-top:70px;padding-bottom:75px;grid-template-columns:1fr;gap:12px}.bojic-about .ba-timeline{padding:68px 0 72px}.bojic-about .ba-steps{grid-template-columns:1fr}.bojic-about .ba-step{min-height:auto;padding:28px}.bojic-about .ba-step-marker{margin-bottom:14px}.bojic-about .ba-owner{padding-top:75px;padding-bottom:80px;grid-template-columns:1fr;justify-items:center;gap:38px}.bojic-about .ba-owner-photo{max-width:280px}.bojic-about .ba-end{padding:74px 0 80px}}
@media(prefers-reduced-motion:reduce){.bojic-about .ba-button{transition:none}}