/* Stock photography for the original design. */
.photo.with-image{padding:0;background:#243e34;isolation:isolate}
.photo.with-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.photo.with-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08) 40%,rgba(0,0,0,.58));z-index:-1}
.photo.with-image .image-caption{margin-top:auto;padding:24px;color:#fff;font-size:22px;font-weight:700;line-height:1.6;text-shadow:0 1px 8px #0005}
.photo.with-image .image-note{position:absolute;top:14px;left:14px;padding:4px 9px;background:#0009;color:#fff;font-size:12px;line-height:1.5;border-radius:3px}
.photo-hero.with-image{min-height:380px}
.photo-hero.with-image img{object-position:50% 50%}
.brand-photo.with-image .image-caption{font-size:14px;padding:15px;text-align:left}
.stock-disclosure{font-size:13px;color:var(--muted);line-height:1.8;margin:22px 0 0}
.photo-credits{font-size:12px;color:var(--muted);margin:20px 0 0;line-height:1.9}
.photo-credits a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.photo-hero.with-image{min-height:0}.photo.with-image .image-caption{padding:20px}.hero>*{min-width:0}}
.logo img{display:block;width:185px;height:auto;max-width:100%}.logo span{letter-spacing:.8px;font-size:9px}
.brand-logo{height:160px;display:flex;align-items:center;justify-content:center;margin:20px 0;background:#fff;border-radius:4px;overflow:hidden}
.brand-logo img{max-width:90%;max-height:140px;width:auto;height:auto;object-fit:contain}.brand-logo.gyugyu-logo{background:#888}
.store-info{font-style:normal;font-size:14px;line-height:1.9;margin-top:18px}.store-info a,.company dd a{text-decoration:underline;text-underline-offset:4px}
.photo-hero.with-image img{object-position:center 45%}.p-one.with-image img{object-position:50% 40%}.p-three.with-image img{object-position:center}
@media(max-width:760px){.logo img{width:155px}.brand-logo{height:150px}.store-info{font-size:15px}.company dd{overflow-wrap:anywhere}}
.career-grades{list-style:none;padding:0;margin:20px 0 0}.career-grades li{padding:14px 0;border-top:1px solid #60786a}.career-grades b,.career-grades span{display:block}.career-grades b{font-size:15px;color:#fff}.career-grades span{font-size:14px;color:#d3dfd7;margin-top:5px}.detail-content p:last-child{margin-bottom:0}

/* Compact brand cards: logo alongside photography on every screen size. */
.brands.section{padding-top:65px;padding-bottom:65px}
.brands h2{font-size:clamp(28px,2.6vw,38px);margin-bottom:16px}
.brands>div>p{margin-bottom:24px}
.brand-grid{gap:24px}.brand-card{min-width:0}
.brand-media{display:grid;grid-template-columns:32% minmax(0,1fr);height:132px;gap:10px}
.brand-media .brand-logo{height:132px;margin:0;border-radius:4px}
.brand-media .brand-logo img{max-width:90%;max-height:116px}
.brand-media .brand-photo{height:132px;aspect-ratio:auto;border-radius:4px}
.brand-media .image-note{font-size:10px;top:8px;left:8px;padding:3px 6px}
.brand-grid h3,.brand-grid h3.sommelier{font-size:19px;min-height:0;margin:14px 0 7px;line-height:1.6}
.brand-grid h3 small{display:inline;font-size:13px;margin-left:8px}
.store-info{margin:0;font-size:14px;line-height:1.8}
.photo-hero.with-image img,.p-one.with-image img{object-position:50% 50%}
@media(max-width:760px){.brands.section{padding-top:50px;padding-bottom:50px}.brand-grid{gap:26px}.brand-media{height:120px;grid-template-columns:30% minmax(0,1fr)}.brand-media .brand-logo,.brand-media .brand-photo{height:120px}.brand-media .brand-logo img{max-height:104px}}
.brand-media .gyugyu-logo{width:104px;height:104px;border-radius:50%;align-self:center;justify-self:center;background:#888}
.brand-media .gyugyu-logo img{max-height:94px;max-width:74px}
@media(max-width:760px){.brand-media .gyugyu-logo{width:90px;height:90px}.brand-media .gyugyu-logo img{max-height:82px;max-width:62px}}

.brand-media .gyugyu-logo{background:#fff;border:1px solid #e4e7e4}