/* ATT Winter Garden - BJJ intent guide pages. Scoped so existing site is unchanged. */
.bjj-guide {background:var(--paper);color:var(--ink)}
.bjj-guide-hero{position:relative;isolation:isolate;background:var(--charcoal);color:#fff;min-height:clamp(520px,60vw,710px);display:flex;align-items:center;overflow:hidden}
.bjj-guide-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,6,.98) 0%,rgba(5,5,6,.91) 42%,rgba(5,5,6,.26) 100%);z-index:-1}
.bjj-guide-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;z-index:-2}
.bjj-guide-hero-inner{padding-top:clamp(110px,13vw,155px);padding-bottom:clamp(55px,8vw,110px);position:relative}
.bjj-guide-crumbs{display:flex;flex-wrap:wrap;gap:9px;align-items:center;color:rgba(255,255,255,.65);font-size:.8rem;margin:0 0 42px}
.bjj-guide-crumbs a{color:inherit;text-decoration:underline;text-underline-offset:4px}
.bjj-guide-crumbs a:hover{color:#fff}
.bjj-guide-eyebrow{display:block;font:700 .78rem var(--cond);letter-spacing:.16em;text-transform:uppercase;color:#ff6367;margin-bottom:18px}
.bjj-guide-hero h1{color:white;font:900 clamp(2.8rem,5.6vw,5.8rem)/1.04 var(--display);letter-spacing:-.045em;max-width:930px;margin:0 0 23px;text-wrap:balance}
.bjj-guide-hero-lead{font-size:clamp(1.03rem,1.8vw,1.3rem);color:rgba(255,255,255,.86);max-width:640px;line-height:1.6}
.bjj-guide-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:33px}
.bjj-guide-secondary{font-weight:700;font-size:.9rem;color:white;text-decoration:underline;text-underline-offset:6px}
.bjj-guide-section{padding:clamp(58px,7vw,100px) 0}
.bjj-guide-tint{background:var(--paper-2)}
.bjj-guide-prose{max-width:830px}
.bjj-guide-prose h2,.bjj-guide-more h2{font:800 clamp(1.9rem,3vw,3.1rem)/1.15 var(--display);letter-spacing:-.035em;text-wrap:balance;margin:17px 0 25px}
.bjj-guide-prose p,.bjj-guide-more p{font-size:1.06rem;line-height:1.78;max-width:760px;color:var(--ink-soft);margin:0 0 18px}
.bjj-guide-prose p a,.bjj-guide-facts a{color:var(--red-deep);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.bjj-guide-opening-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.75fr);gap:clamp(32px,6vw,100px);align-items:start}
.bjj-guide-facts{background:var(--charcoal);color:white;padding:clamp(25px,3vw,43px);border-top:5px solid var(--red)}
.bjj-guide-facts-title{display:block;font:800 1.45rem var(--display);margin-bottom:24px}
.bjj-guide-facts>div{padding:16px 0;border-top:1px solid rgba(255,255,255,.18)}
.bjj-guide-facts small{display:block;color:rgba(255,255,255,.58);text-transform:uppercase;letter-spacing:.1em;font:700 .72rem var(--cond)}
.bjj-guide-facts strong{display:block;font-size:.97rem;margin-top:5px}
.bjj-guide-facts p{font-size:.88rem;line-height:1.65;color:rgba(255,255,255,.74);margin-top:20px}
.bjj-guide-facts p a{color:white}
.bjj-guide-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:32px}
.bjj-guide-point{background:var(--paper);padding:clamp(21px,3vw,40px)}
.bjj-guide-point-no{font:800 1.25rem var(--cond);color:var(--red)}
.bjj-guide-point h3{font:800 clamp(1.14rem,1.6vw,1.35rem)/1.3 var(--display);margin:17px 0 8px}
.bjj-guide-point p{font-size:.94rem;line-height:1.65;color:var(--ink-soft)}
.bjj-guide-faq{background:#fff}
.bjj-guide-questions{max-width:925px;margin-top:36px}
.bjj-guide-question{border-top:1px solid var(--line)}
.bjj-guide-question:last-child{border-bottom:1px solid var(--line)}
.bjj-guide-question summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 4px;font:750 1.08rem/1.5 var(--display);list-style:none}
.bjj-guide-question summary::-webkit-details-marker{display:none}
.bjj-guide-question summary::after{content:'+';font-size:1.6rem;font-weight:400;flex-shrink:0;color:var(--red)}
.bjj-guide-question[open] summary::after{content:'−'}
.bjj-guide-question p{padding:0 38px 28px 4px;color:var(--ink-soft);max-width:770px;line-height:1.7}
.bjj-guide-more{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,7vw,100px);align-items:start}
.bjj-guide-related-links{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.bjj-guide-related-link{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:21px 0;color:var(--ink);font-weight:700}
.bjj-guide-related-link:hover{color:var(--red)}
.bjj-guide-endcta{background:var(--charcoal);color:white;padding:clamp(50px,6vw,85px) 0}
.bjj-guide-endcta-inner{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.8fr);gap:40px;align-items:center}
.bjj-guide-endcta h2{color:#fff;font:900 clamp(2.2rem,3.7vw,4rem)/1.1 var(--display);letter-spacing:-.04em;margin:0 0 20px}
.bjj-guide-endcta p{font-size:1.07rem;line-height:1.68;color:rgba(255,255,255,.78);max-width:650px}
.bjj-guide-endcta-buttons{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.bjj-guide-endcta-buttons>a:not(.btn){color:white;text-decoration:underline;text-underline-offset:4px;font-weight:700}
.bjj-guide-endcta-buttons small{color:rgba(255,255,255,.6);font-size:.8rem;line-height:1.5}
.bjj-guide-hub{padding:clamp(54px,7vw,95px) 0;background:var(--paper-2)}
.bjj-guide-hub-head{display:flex;justify-content:space-between;gap:38px;align-items:end;margin-bottom:27px}
.bjj-guide-hub-head h2{font:850 clamp(2rem,3.5vw,3.4rem)/1.1 var(--display);letter-spacing:-.035em;margin:15px 0 0;max-width:690px}
.bjj-guide-hub-head p{color:var(--ink-soft);font-size:1rem;max-width:390px;line-height:1.6}
.bjj-guide-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.bjj-guide-mini-card{background:#fff;border:1px solid var(--line);padding:24px;display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:87px;color:var(--ink);font:750 1.03rem/1.35 var(--display);transition:border-color .2s,transform .2s}
.bjj-guide-mini-card:hover{border-color:var(--red);transform:translateY(-2px);color:var(--red-deep)}
.bjj-guide-mini-card>span:last-child{font-size:1.6rem;color:var(--red);flex-shrink:0}
.bjj-guide-hub-foot{display:flex;flex-wrap:wrap;gap:22px;margin-top:25px}
@media(max-width:800px){.bjj-guide-hero::after{background:linear-gradient(90deg,rgba(5,5,6,.94),rgba(5,5,6,.72))}.bjj-guide-opening-grid,.bjj-guide-more,.bjj-guide-endcta-inner{grid-template-columns:1fr}.bjj-guide-points{grid-template-columns:1fr}.bjj-guide-hub-head{display:block}.bjj-guide-hub-head p{margin-top:15px}.bjj-guide-facts{max-width:550px}}
@media(max-width:530px){.bjj-guide-hero{min-height:560px}.bjj-guide-hero-inner{padding-top:105px}.bjj-guide-crumbs{margin-bottom:27px;font-size:.73rem}.bjj-guide-actions{gap:20px}.bjj-guide-mini-grid{grid-template-columns:1fr}.bjj-guide-hub-foot{flex-direction:column}.bjj-guide-point{padding:25px}}