/* About A. Container widths: <768 phone, 768–1023 tablet, ≥1024 desktop. Side padding 84 ≥1280, 32 small desktop, 40 tablet, 16 phone. */
.dba{container:dba / inline-size;background:var(--color-d);color:var(--color-c)}
.dba *{box-sizing:border-box}
.dba > *{--sp:84px;--sv:72px;--bv:40px}
.dba-sec{padding:var(--sv) var(--sp)}.dba-alt{background:var(--gray-50)}
.dba-band{padding:var(--bv) var(--sp);background:var(--color-c)}
.dba-in{max-width:calc(var(--db-maxw,99999px) - 168px);margin:0 auto}
.dba a{text-decoration:none}
.dba-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.dba-txt{display:flex;flex-direction:column;min-width:0}.dba-hero-txt{gap:18px}.dba-g6{gap:6px}.dba-g8{gap:8px}.dba-g12{gap:12px}.dba-g14{gap:14px}.dba-g18{gap:18px}.dba-g20{gap:20px}
.dba-stack{display:flex;flex-direction:column;gap:32px}
.dba-eye{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-a)}
.dba h1{margin:0;font-size:48px;font-weight:700;letter-spacing:-.025em;line-height:1.08;color:var(--color-c);text-wrap:balance}
.dba h2{margin:0;font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--color-c);text-wrap:balance}
.dba-lead{margin:0;max-width:560px;font-size:18px;line-height:1.6;text-wrap:pretty}
.dba-body{margin:0;font-size:17px;line-height:1.65;text-wrap:pretty}.dba-muted{color:var(--gray-600);max-width:440px}
.dba-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.dba-btn,.dba-btn2,.dba-btn3{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border-radius:calc(var(--radius) * 1.3);font:700 15px var(--font)}
.dba-btn{background:var(--color-a);color:var(--color-d)!important}.dba-btn:hover{background:var(--color-b)}
.dba-btn2{padding:0 20px;border:1.5px solid var(--color-c);color:var(--color-c)!important}.dba-btn2:hover{background:var(--color-c);color:var(--color-d)!important}
.dba-btn3{border:1.5px solid var(--gray-300);color:var(--color-c)!important}.dba-btn3:hover{border-color:var(--color-c)}
.dba-sm{flex:1;height:44px;padding:0 10px;font-size:14px}
.dba-photo{border-radius:calc(var(--radius) * 2);background:var(--gray-200);overflow:hidden}.dba-photo img{display:block;width:100%;height:100%;object-fit:cover}
.dba-hero-photo{aspect-ratio:5 / 4}.dba-hero-photo img{object-position:40% center}
.dba-photo43{aspect-ratio:4 / 3}
.dba-stats{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:24px}
.dba-stat{display:flex;flex-direction:column;gap:4px;min-width:0}
.dba-stat span:first-child{font-size:30px;font-weight:700;letter-spacing:-.015em;line-height:1.1;color:var(--color-d)}
.dba-stat span:last-child{font-size:14px;line-height:1.4;color:var(--gray-300)}
.dba-why{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:56px;align-items:center}
.dba-ulink{align-self:flex-start;display:flex;align-items:center;gap:8px;min-height:44px;margin-top:2px;color:var(--color-c)!important;font:700 15px var(--font)}.dba-ulink span{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;text-decoration-color:var(--color-a)}.dba-ulink:hover{color:var(--color-a)!important}
.dba-whygrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--gray-200);border-radius:calc(var(--radius) * 2);background:var(--color-d);overflow:hidden}
.dba-why-c{display:flex;flex-direction:column;gap:8px;min-width:0;padding:30px 28px}
.dba-why-c:nth-child(2n){border-left:1px solid var(--gray-200)}.dba-why-c:nth-child(n+3){border-top:1px solid var(--gray-200)}
.dba-why-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dba-why-i{width:56px;height:56px;border-radius:calc(var(--radius) * 1.8);background:var(--color-a);color:var(--color-d);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -3px 0 rgba(0,0,0,.14)}
.dba-why-n{font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--gray-200)}
.dba-why-c h3{margin:6px 0 0;font-size:18px;font-weight:600;line-height:1.3}
.dba-why-c p{margin:0;font-size:15px;line-height:1.6;color:var(--gray-600);text-wrap:pretty}
.dba-team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.dba-member{display:flex;flex-direction:column;gap:10px;min-width:0}
.dba-member-ph{aspect-ratio:1 / 1;border-radius:calc(var(--radius) * 2);background:var(--gray-200);overflow:hidden;display:flex;align-items:center;justify-content:center}.dba-member-ph img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%}
.dba-ph{font-size:13px;font-weight:600;color:var(--gray-600)}
.dba-member-t{display:flex;flex-direction:column;gap:2px}.dba-member-t span:first-child{font-size:16px;font-weight:700}.dba-member-t span:last-child{font-size:14px;color:var(--gray-600)}
.dba-visit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:56px;align-items:stretch}
.dba-dl{margin:0;display:flex;flex-direction:column;border-top:1px solid var(--gray-200)}
.dba-dl > div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;padding:16px 0;border-bottom:1px solid var(--gray-200)}.dba-dl > div.is-mid{align-items:center;padding:10px 0}
.dba-dl dt{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1.9;color:var(--gray-600)}
.dba-dl dd{margin:0}
.dba-addr{display:flex;flex-direction:column;font-size:15px;line-height:1.55;color:var(--color-c)!important}.dba-addr:hover{text-decoration:underline}
.dba-tel{display:inline-flex;align-items:center;min-height:44px;font-size:17px;font-weight:700;color:var(--color-c)!important}.dba-tel:hover{color:var(--color-a)!important;text-decoration:underline}
.dba-hrs{display:grid;grid-template-columns:auto 1fr;gap:4px 20px;font-size:15px;line-height:1.55}.dba-hrs span:nth-child(odd){font-weight:600}.dba-hrs span:nth-child(even){color:var(--gray-600)}
.dba-map{position:relative;min-height:420px;border-radius:calc(var(--radius) * 2);background:var(--gray-200);overflow:hidden}.dba-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.dba-loc-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px 24px}.dba-loc-head > .dba-txt{max-width:620px}
.dba-stores{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:20px}
.dba-store{display:flex;flex-direction:column;min-width:0;border:1px solid var(--gray-200);border-radius:calc(var(--radius) * 2);background:var(--color-d);overflow:hidden}
.dba-store-ph{aspect-ratio:16 / 9;background:var(--gray-200)}.dba-store-ph img{display:block;width:100%;height:100%;object-fit:cover}
.dba-store-b{flex:1;display:flex;flex-direction:column;gap:12px;padding:20px}
.dba-store-t{display:flex;flex-direction:column;gap:4px}.dba-store-t h3{margin:0;font-size:19px;font-weight:600;line-height:1.25}.dba-store-t span{font-size:15px;line-height:1.5}
.dba-store-c{display:flex;flex-direction:column;gap:2px;padding-top:10px;border-top:1px solid var(--gray-200)}
.dba-store-tel{align-self:flex-start;display:flex;align-items:center;gap:8px;min-height:44px;font-size:16px;font-weight:700;color:var(--color-c)!important}.dba-store-tel:hover{color:var(--color-a)!important}.dba-store-tel svg{width:17px;height:17px;color:var(--color-a)}
.dba-today{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gray-600)}
.dba-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--gray-300)}.dba-dot.is-open{background:var(--color-a)}
.dba-store-btns{margin-top:auto;display:flex;gap:8px;padding-top:4px}
.dba-cta{background:var(--color-a)}
.dba-cta-in{display:flex;align-items:center;justify-content:space-between;gap:16px 32px}
.dba-cta h2{font-size:28px;color:var(--color-d)}.dba-cta p{margin:0;font-size:15px;line-height:1.5;color:var(--color-d)}
.dba-cta-btn{flex:none;display:flex;align-items:center;justify-content:center;height:48px;padding:0 24px;border-radius:calc(var(--radius) * 1.3);background:var(--color-d);color:var(--color-c)!important;font:700 15px var(--font)}.dba-cta-btn:hover{filter:brightness(.92)}

@container dba (max-width:1279px){.dba > *{--sp:32px}}
@container dba (max-width:1023px){
	.dba > *{--sp:40px;--sv:56px;--bv:36px}
	.dba h1{font-size:40px}.dba h2{font-size:24px}
	.dba-2,.dba-why,.dba-visit{grid-template-columns:minmax(0,1fr);gap:36px}.dba-why{gap:28px}
	.dba-hero-photo,.dba-story .dba-photo{order:-1}.dba-hero-photo{aspect-ratio:16 / 9}
	.dba-stat span:first-child{font-size:26px}
	.dba-why-c{padding:26px 24px}
	.dba-team,.dba-stores{gap:16px}.dba-stack{gap:24px}
	.dba-stores{grid-template-columns:repeat(2,minmax(0,1fr))}
	.dba-map{min-height:320px}
	.dba-cta h2{font-size:22px}
}
@container dba (max-width:767px){
	.dba > *{--sp:16px;--sv:40px;--bv:28px}
	.dba h1{font-size:32px}.dba h2{font-size:22px}
	.dba-2,.dba-visit{gap:24px}.dba-hero-txt{gap:14px}
	.dba-lead{font-size:16px}.dba-body{font-size:15px}
	.dba-btns > a,.dba-loc-head > .dba-btn2{flex:1 1 100%}
	.dba-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.dba-stat span:first-child{font-size:22px}
	.dba-whygrid{grid-template-columns:minmax(0,1fr)}.dba-why-c{padding:22px 18px}.dba-why-c:nth-child(2n){border-left:0}.dba-why-c:nth-child(n+2){border-top:1px solid var(--gray-200)}
	.dba-team{grid-template-columns:repeat(2,minmax(0,1fr))}
	.dba-dl > div{grid-template-columns:minmax(0,1fr);gap:4px}
	.dba-map{min-height:240px}
	.dba-stores{grid-template-columns:minmax(0,1fr)}.dba-store-b{padding:16px}
	.dba-cta-in{flex-direction:column;align-items:stretch;text-align:center}
}

/* Oct 25: icon boxes use Look & style "Icon boxes" */
.dba-why-i{background:var(--icon-box,var(--color-a))!important;color:var(--icon-box-icon,var(--color-d))!important}